.under_development_dialog {
	position: fixed;
	left: 27%;
	transform: translateX(-50%);
	top: 0;
	font-size: 2em;
	z-index: 100000;
	color: grey;
	opacity: 1;
	text-align: center;
}

.indexVersion .under_development_dialog {
	top: 30px;
	font-size: 4em;
	left: 50%;
}

@media screen and (max-width: 992px) {
	.under_development_dialog {
		left: 50%;
	}
}

@media screen and (max-width: 500px) {
	body.indexVersion .under_development_dialog {
		font-size: 2em;
	}
}

body.OS_MacOS.Browser_Chrome.indexVersion #select2 {
	-webkit-appearance: none;
	padding: 5px 8px 5px 8px;
}

html,
html body {
	font-size: 1em;
}

/*
@font-face {
	font-family: 'XinGothic-W4T';
	src: url('fonts/XinGothic-W4T.otf') format("opentype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'XinGothic-W4S';
	src: url('fonts/XinGothic-W4S.otf') format("opentype");
	font-weight: normal;
	font-style: normal;
}*/

body {
	font-family: "Arial", "Helvetica", "sans-serif", "microsoft jhenghei";
	background-color: #f7f5f5;
	color: #3e5259;
}

/*
body.tradition {
	font-family: "XinGothic-W4T", "microsoft jhenghei";
}
body.simplify {
	font-family: "XinGothic-W4S", "microsoft jhenghei";
}*/
body p {
	/* text-align: justify !important;
    */
	margin: 0 0 10px 0;
}

body.fixed {
	overflow-y: hidden;
}

.mainContent a {
	color: #0000ff;
}

.mainContent p a {
	color: #0000ff;
}

.mainContent a:active,
.mainContent a:hover,
.mainContent a:focus {
	color: #2a6496;
}

body a:hover {
	text-decoration: underline !important;
}

.date {
	/* color: #000000;
     font-weight: bold;
    */
}

video {
	max-width: 100%;
}

iframe {
	max-width: 100%;
}

.press_title {
	color: #000066;
}

.font_bold {
	font-weight: bold;
}

.float_center {
	text-align: center;
}

.center_important {
	text-align: center !important;
}

.font_underline {
	text-decoration: underline;
}

.caption {
	font-style: italic;
}

.font_italic {
	font-style: italic;
}

.float_right {
	float: right;
}

.float_left {
	float: left;
}

.img-cap {
	font-size: 7pt;
}

.center {
	margin: 0 auto;
}

.align-left {
	text-align: left;
}


/*.clear {
     clear: both;
     height: 5px;
   
			  
				
				   
				
}
*/

.clear_both {
	clear: both;
}


.clear:after {
	content: "";
	display: table;
	clear: both;
}

.note {
	font-size: 0.9em
}

.right {
	text-align: right;
}

right_important {
	text-align: right !important;
}

.bodyArea {
	/* font-size: 13px;
     background-image: url(../images/woc_bg.jpg);
    */
	background-position: center top;
	overflow: hidden;
}

.mobileVersion .bodyArea {
	font-size: 1em;
}

.highlightArea {
	font-size: 14px;
}


/*.mainContent ol, .mainContent ul {
     margin-left: 25px;
   

						
				 
				
							 
					  
					
				   
}
*/

.bodyArea .mainContent {
	/* width: 1000px;
     max-width:105%;
     background-color: #f7f7f7;
    */
	min-height: 280px;
	margin-right: auto;
	margin-left: auto;
}

.indexVersion .bodyArea .mainContent {
	min-height: 0;
}

.bodyArea .mainContent {
	/* margin-left: 320px;
    */
}

.bodyArea .mainContent .my_content {
	padding: 20px 30px;
}

body.indexVersion .mainContent {
	padding: 0 !important;
}

.bodyArea .headerMenu {
	font-size: 15px;
}

.mainContent {
	line-height: 1.4em;
	color: #000000;
}

.mainContent p {
	text-align: left;
	margin: 0 0 1.4em 0;
}

.mainContent ul,
.mainContent ol {
	padding-left: 0.6em;
	margin-bottom: 1.4em;
}

.mainContentp p {
	text-align: unset !important;
}

ol>li>ul {
	list-style-type: disc;
}

.panel-default>.panel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
	height: 120px !important;
}

.micp {
	padding-left: 200px;
	padding-right: 200px;
}


/*=========header=========*/

body {
	background-color: #fff;
}

body #wrap {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

body.indexVersion #wrap {}

body.indexVersion .headerArea {}

body #wrap .container {
	border-bottom-width: none;
	border-bottom-style: none;
	border-bottom-color: none;
	clear: both;
	padding-right: 40px;
	padding-left: 40px;
}

body #wrap .headerArea .container {
	padding-right: 25px;
	padding-left: 25px;
	width: 100% !important;
}

body.indexVersion #wrap .headerArea .container {
	padding-right: 0;
	padding-left: 0;
}

body.indexVersion #header:after {
	display: none;
}

body.indexVersion .bodyArea {
	/* background-image:url(../images/bg_index.jpg);
    */
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 594px;
}

#header:after {
	/* content:" ";
     display:block;
     width:100%;
     height:20px;
     background-image:url(../images/sd_header.jpg);
     background-position:left top;
     background-repeat:repeat-x;
    */
}

.headerArea .container {
	/* height: 135px*/
}


/*#wrap{
     background-image:url(../images/bg_main1.jpg);
     background-repeat:no-repeat;
     background-position:center top;
   
							
									  
									  
									  

}
*/

#wrap .bodyArea .container {
	border-bottom-width: none !important;
	border-bottom-style: none !important;
	border-bottom-color: none !important;
}

#wrap #footer .container {
	border-bottom-width: none !important;
	border-bottom-style: none !important;
	border-bottom-color: none !important;
}

.headerArea {
	color: #3e5259;
	/*padding:5px 20px;
    */
	/* background-image: url(../images/bg_header.jpg);
    */
	background-repeat: no-repeat;
	height: 10px;
}

.headerTop {
	/* float: right;
    */
	text-align: right;
	min-height: 125px;
}

.headerArea .headerBottom {
	/* background-image: url('../images/bg_header.png');
			  
			 
					
			
		 
     background-repeat: repeat-y;
     padding: 20px;
    */
}

.headerArea .headerBg {
	background-color: #ff913f;
	height: 43px;
	width: 100%;
	position: absolute;
	top: 122px;
	left: 0;
	z-index: -1;
	border-bottom: 3px solid #203682;
}

.headerArea ul {
	margin: 0;
	padding: 0;
}

.headerArea .myTool {
	/*background-color:#fff;
    */
	/*float:left;
    */
}

.headerArea .headerTool {
	/*background-color:#032257;
    */
	background-color: inherit;
	/* width: 85%;
    */
	color: #3e5259;
	/* position: relative;
    /*background-image:url(../images/clf/bkgdtexture.gif);
    */
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}

.headerArea .headerTool .langTool {
	/*color:#fff;
   
     background-color:#717171;
    */
	display: inline-block;
}

.headerArea .headerTool .langTool li,
.headerArea .headerTool .langTool a {
	/*margin:0;
    */
}

.headerArea .headerTool .langTool li span {
	margin: 0;
}

.headerArea .headerTool2 {
	width: 100%;
}

.headerArea .headerTool a,
.headerArea .headerTool a:link,
.headerArea .headerTool a:visited {
	color: #000;
}

.headerArea .headerTool a:hover,
.headerArea .headerTool a:focus {
	color: #000;
	text-decoration: none;
}

.headerArea .headerTool ul.menuLv0>li>a:focus {}

.headerArea .headerTool #lunar_conversionc_uc img {
	padding-bottom: 2px;
}

.headerArea .headerTool ul.menuLv0>li>a:hover {
	/* color: #FFF;
     background-color: #1a5d7a;
    */
}

.headerArea .headerTool ul.menuLv1>li>a:hover,
.headerArea .headerTool ul.menuLv1>li>a:focus {
	/*color:#652d86;
    */
}

.headerArea .topHeaderTool {
	margin: 5px 0 25px 0;
}

.headerArea .bottomHeaderTool {
	margin: 5px 0 5px 0;
}

.headerArea .headerTool .myTool .myLogo,
.headerArea .headerTool .topHeaderTool>div,
.headerArea .headerTool .bottomHeaderTool>div {
	float: left;
}

.headerArea .headerTool .myTool .myLogo {
	position: relative;
	z-index: 100;
}

.headerArea .headerTool .myTool .myLogoBg {
	position: absolute;
	left: 0;
	right: 0;
	height: 101px;
	background-repeat: repeat-x;
	/* background-image: url(../images/bg_header.jpg);
    */
	z-index: 1;
}

.headerArea .headerTool .myTool .leftHeaderTool {
	float: left;
	margin-top: 4px;
}

.headerArea .headerTool .myTool .rightHeaderTool,
.headerTool .topHeaderTool,
.headerArea .bottomHeaderTool {
	float: right;
	width: 80%;
}

.myheaderTool>div.clientTool {
	color: #000;
	/* height: 95px;
    */
	padding-top: 0;
	padding-right: 0px !important;
	padding-bottom: 0px;
	padding-left: 0px;
	/* font-size: .9em; */
	font-size: 14.4px;

	font-weight: bold;
	text-align: right;
	position: relative;
}

.myheaderTool>div.clientTool div {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	/* float: left;
    */
}

.myheaderTool>div.clientTool div.share img {
	max-width: 36px;
}

/*.myheaderTool>div.clientTool .print img{
     padding:7px 0;
}
 .myheaderTool>div.clientTool .share img{
     padding:8px 2px 9px 3px;
   
								   
		  
			   
}
*/

.myheaderTool>div.clientTool div>* {
	margin: 0;
	padding: 0 8px;
}

.myheaderTool>div.clientTool div.datetime>* {
	/*padding: 4px 4px;*/
	vertical-align: middle;
}

.myheaderTool>div.clientTool div.datetime {
	padding-right: 30px;
}

.myheaderTool>div.clientTool div.datetime #lunar_climatology_uc {
	padding-right: 0;
}

.myheaderTool>div.clientTool div.datetime #lunar_conversionc_uc {
	padding: 4px 0;
	margin-top: 2px;
}

.myheaderTool>div.clientTool div.datetime>span {
	padding-left: 6px;
}

.myheaderTool>div.clientTool div.searchTool>* {
	padding: 0;
}

.myheaderTool>div.clientTool div.brandhk>* {
	padding: 0;
}

.myheaderTool>div.clientTool div#wxinfo_bar>img {
	height: 22px;
	width: auto;
	padding: 2px;
}

.myheaderTool>div.clientTool div.datetime .blue_background {
	padding: 4px 8px 4px 8px;
	background-color: #1a58ab;
	border-radius: 25px;
	color: #fff;
	position: relative;
	margin-left: 5px;

}

.myheaderTool>div.clientTool div.datetime .blue_background .topbar_warning {
	padding-right: 0;
	padding-left: 0;
}

.myheaderTool>div.clientTool div.datetime .blue_background .topbar_warning .separator {
	display: none;
}

.myheaderTool>div.clientTool div.datetime .blue_background #wxinfo_bar {
	padding-left: 0;
	padding-right: 0;
}

.myheaderTool>div.clientTool div.datetime .blue_background #hkoTemp {
	/*position: absolute;*/
	top: 50%;
	/*transform: translateY(-50%);*/
	right: 105px;
}

.myheaderTool>div.clientTool div.datetime .blue_background #hkoHumi {
	/*position: absolute;*/
	top: 50%;
	/*transform: translateY(-50%);*/
	right: 60px;
}

.myheaderTool>div.clientTool div.datetime .blue_background #hkoClockTime {
	/*	position: absolute;*/
	top: 50%;
	/*transform: translateY(-50%);*/
	right: 0;
}




@media(max-width:767px) {
	.myheaderTool>div.clientTool div.datetime .blue_background {
		margin-left: 0px;
		margin-top: 5px;

	}
}

/*.clientTool>div:before {
     content: "I";
     font-size: medium;
     font-weight: lighter;
     color: #CCC;
     padding-left: 5px;
     padding-right: 10px;
}
 .clientTool>div:first-child:before{
     display:none;
   
								  
								
							 
				   
					  
						 
				
					  
						  
}
*/

.clientTool>div.AStyleArea:before,
.clientTool>div.language:before,
.clientTool>div.share:before {
	/* content: "I";
     font-size: medium;
     font-weight: lighter;
     color: #CCC;
     padding-left: 5px;
     padding-right: 10px;
    */
}


/*.clientTool>div.language li:before{
     content: "I";
     font-size: medium;
     font-weight: lighter;
     color: #CCC;
     padding-left: 5px;
     padding-right: 10px;
   
									   
			
			  
}
*/

.clientTool>div.language li.fst:before {
	content: "";
	display: none;
}

.clientTool>div.homeTool:before {
	display: none;
}

.clientTool>div.searchTool:before {
	content: "";
	clear: both;
	padding: 0;
	margin: 0;
}

.headerArea .headerTool .searchTool {
	float: none;
	display: block;
	margin-right: 0;
	margin-top: 45px;
	z-index: 8901;
	position: relative;
	display: inline-block;
}

.headerArea .headerTool .searchTool input {
	margin-top: 8px;
}

.headerArea .headerTool .searchTool input::placeholder {
	color: #4D4D4D;
}

div.searchTool:after {
	content: none !important
}

div.hrbTool:after {
	content: none !important
}

div.mobile_view:after {
	content: none !important
}


/*div.language:after{
     content: "";
     display:none;
   
						
				
				   
					  
			 
				   
					
}
*/

.searchTool form:before {
	/* content: "I";
     font-size: medium;
     font-weight: lighter;
     color: #CCC;
     padding-left: 5px;
     margin-left: 5px;
    */
}

.clientTool div:after {
	/* content: "I";
     font-size: medium;
     font-weight: lighter;
     color: #CCC;
     padding-left: 5px;
    */
}

div.language li:after {
	/* content: "I";
     font-size: medium;
     font-weight: lighter;
     color: #CCC;
     padding-left: 5px;
    */
}


/*div.AStyleArea:before{
     content: "I";
     font-size: medium;
     font-weight: lighter;
     color: #CCC;
     padding-left: 5px;
     padding-right: 10px;
}
 div.language:after{
     content: "I";
     font-size: medium;
     font-weight: lighter;
     color: #CCC;
     padding-left: 10px;
     padding-right: 5px;
   
						   
			 
			  
}
*/

div.language li.last:after {
	content: "";
	display: none;
}

.hrbTool:before {
	content: none !important
}

.myheaderTool>div.clientTool div.RSS {
	color: #be4a03;
	font-size: 14px;
}

.myheaderTool>div.clientTool div.AStyleArea {
	/* width: 70px;
    */
}

.myheaderTool>div.clientTool div.setting img {
	width: 20px;
}

.myheaderTool>div.clientTool div.mobile_view {
	/* width: 45px;
    */
	height: 27px;
}

.myheaderTool>div.clientTool div.language ul li {
	/* padding-right: 5px !important;
    */
	padding-right: 0;
	width: 10px !important;
}

.myheaderTool>div.clientTool div.home {}

.clientTool ul {
	float: right;
	list-style-type: none;
}

.clientTool ul li {
	margin-left: 0;
	margin-right: 0;
}

.clientTool:before {
	/* content: " ";
     float: left;
     display: block;
     background-image: url(../images/user_login.png);
     background-repeat: no-repeat;
     position: relative;
     width: 10px;
     height: 9px;
     background-size: 100% 100%;
     margin-right: 5px;
     top: 50%;
     margin-top: -5px;
    */
}

.searchTool form {
	float: right;
}

.clientTool form a {
	display: inline-block;
	vertical-align: bottom;
}

.clientTool form img {
	float: right;
	display: block;
	/* background-color: #072c72;
    */
	padding: 7px;
	/*margin-top: 2px;
    /*padding-right: 4px;
    */
	/*margin-left: -35px;
    */
	z-index: 4200;
	position: relative;
}

.clientTool .language>ul {
	/* float:left;
    */
}

.headerArea .clientTool>ul>li>div>* {
	padding: 4px 12px;
}

.clientTool li * {
	display: inline;
	/*vertical-align: bottom;*/
}

.clientTool li .aaaTool,
.clientTool li .aaaTool * {
	vertical-align: inherit;
}

.mobileClient {
	display: none;
}

.logIOTool a {
	background: #d73d32;
}


/*.headerArea ul {
			   
			
     float: left;
				 
												  
}
*/

.headerArea .clientTool a {}

.headerArea li,
.headerArea a {
	margin: 0 0px;
	padding: 0;
	float: none;
	display: inline;
	text-decoration: none;
	/*vertical-align: bottom;
    */
}

.headerArea .language li a {
	color: #000;
	font-weight: bold;
	-moz-border-radius: 27px;
	-webkit-border-radius: 27px;
	border-radius: 27px;
	padding: 5px;
}

.headerArea .headerMenu li,
.headerArea .headerMenu a {
	margin: 0;
	display: block;
}

.headerArea a:hover,
.headerArea a:focus {
	text-decoration: underline;
}

.headerArea .myTool,
.headerArea .myTool a {
	color: #3e5259;
}

.headerArea .langTool {
	margin-top: 6px;
}

.headerArea .bottomHeaderTool .contactus img {
	vertical-align: initial;
	margin: 0 5px;
}

.headerArea .bottomHeaderTool .searchTool {
	margin-left: 3px;
	margin-top: -2px;
}

.headerArea .hrbTool input {
	/* display: inline;
     width: 270px;
     display: inline-block;
     border: 2px solid #d1d1d1;
     border-radius: 4px;
     text-decoration: none;
     font-size: 14px;
     color: #999;
     padding-top: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
     padding-left: 10px;
     height: 33px;
    */
}

.headerArea .hrbTool img {
	margin-left: 10px;
}

.myheaderTool>div.clfSeachBar {
	float: none;
	position: absolute;
	top: 30px;
	right: 20px;
}

.headerArea .searchTool .hrbTool a {
	/*position: relative;
     background-color:#3a6ecf;
    */
	color: #3e5259;
	padding: 0 5px;
	font-weight: bold;
	font-size: 12px;
}

.headerArea .searchTool .hrbTool a:hover,
.headerArea .searchTool .hrbTool a:focus {
	color: #cc3333;
	text-decoration: none;
}

.headerArea .aaaTool {
	margin-right: 5px;
}

.headerArea ul.aaaTool {
	padding-right: 0px;
	padding-left: 0px;
}

.headerArea .bottomHeaderTool .searchTool .searchBtn img {
	/*position: absolute;
     top: 0;
     right: 10px;
    */
	margin-left: 5px;
}

.headerArea .headerTool .headerMenu {
	/*text-align: center;
     font-size: .8em;
     display: inline-block;
     *zoom: 1;
     *display: inline;
    /*width:1024px;
     height: inherit !important;
    /*background-color: #f4f4f4;
     margin-top: 82px;
     z-index: 7999;
    /*position: relative;
     position: absolute;
     padding-bottom: 0px;
     margin-left: 0px;
    /* background-image:url('../images/bg_menu.png');
     background-repeat: repeat;
     float: right;
     */
	text-align: left !important;
	/* height: 70px;
    */
	/* min-height: 62px;
    */
	z-index: 8000;
}


/*.indexVersion */

.headerArea .headerTool .headerMenu {
	background-color: transparent;
	/* float: right;
			   
					  
					
     padding-left:300px;
    */
	/* padding-bottom: 0;
    */
	margin-top: 0;
}

.headerArea .headerTool .headerMenu.mainheaderMenu {
	/* position:absolute;
    */
	position: relative;
}

.headerArea .headerTool .headerMenu.mainheaderMenu .mainMenuTool {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 8600;
}

.headerArea .headerTool .headerMenu.mainheaderMenu .mainMenuTool button>span:nth-child(2) {
	display: block;
	width: 40px;
	padding: 7px 0;
}

.headerArea .headerTool .headerMenu.subheaderMenu {
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 5px;
}

body.englishVersion .headerArea .headerTool .headerMenu.subheaderMenu {
	margin-left: 0;
	margin-right: 40px;
}

.headerArea .headerTool .headerMenu.subheaderMenu .tMenu>li>a {
	z-index: 8010;
}

.headerMenu {
	/* margin-left: 25%;
    */
	text-align: right;
	padding: 0;
	/* position:relative;
    */
}

.headerMenu:before {
	/* content:"";
    /* background-image:url(../images/bg_top_menu.jpg);
    */
	/* background-repeat:repeat-x;
     position:absolute;
     background-color:#3b5999;
     left:0;
     right:0;
     height:62px;
     z-index:-1;
    */
}

.headerArea .headerTool .headerMenu>ul {
	/* float: right;
     margin-top:8px;
    */
	/* position: relative;
						  
     margin-left: 35%;
     position: static;
     display: inline-block;
     text-align: right !important;
     margin-top: 40px;
    */
}

.indexVersion .headerArea .headerTool .headerMenu>ul {
	margin-top: 0;
}

.leftMenuVersion .leftmenu {
	float: left;
	width: 180px;
}

.leftMenuVersion .mainHeader,
.leftMenuVersion .mainContent {
	width: 800px;
	float: left;
}

#mainContentSkip {
	float: left;
}



/* .headerArea .headerTool .searchTool {
 
     display: inline-block;
     *zoom: 1;
     *display: inline;
     width:416px;
     position:relative;
     background-image: url(../images/bg_search.png);
     background-repeat: no-repeat;
     padding-top: 8px;
     margin-top: -18px;
     z-index: 9876;
}
*/

.headerArea {}

.headerTool {}

.hrbTool {
	width: 250px
		/*position: absolute;
     left: 0;
     right: 0px;
     z-index: 9876;
     height: 50px;
    */
		/*background-color:#fff;
    */
}

.headerMenu>ul {}

.headerMenu ul li {
	float: left;
	margin: 0;
}

.headerMenu ul .close ul {
	/*display:none;*/
	position: absolute;
	left: -9999px;
}

.headerMenu.subheaderMenu ul .close ul ul ul {
	display: none !important
}

.headerMenu ul .open>ul,
.headerMenu ul li ul.activeUl,
.headerMenu ul li ul.activeUl_withTimer {
	display: block;
	/* right: 0;
    */
	/* left: 0;
     left:auto;
    */
	left: 0;
}

.headerMenu ul li:nth-child(n+8).open>ul,
.headerMenu ul li:nth-child(n+8) ul.activeUl,
.headerMenu ul li:nth-child(n+8) ul.activeUl_withTimer {
	/* right: 0;
     left: auto;
    */
}

.headerMenu ul li a>div {
	float: left;
}

.headerMenu ul.menuLv1 {
	/*z-index: 9999;
     width:220px;
    */
	text-align: left;
	width: 100%;
	min-width: 300px;
}

.headerMenu.subheaderMenu ul.menuLv1 {
	position: absolute;
	left: -9999px;
	float: none;
}

.headerMenu.subheaderMenu .tMenu li.open>ul.menuLv1 {
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
	padding-left: 500px;
	padding-right: 300px;
	padding-top: 30px;
	padding-bottom: 30px;
	/* width: 1600px;
    */
	min-height: 240px;
	border-top: 5px solid #1b5397;
	box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.14), 4px 6px 6px rgba(0, 0, 0, 0.18);
}

.headerMenu.subheaderMenu .open>ul.menuLv1:before {
	content: "";
	font-size: 1.6em;
	font-weight: bold;
	color: #779dcb;
	text-align: center;
	padding-top: 170px;
	display: block;
	width: 160px;
	position: absolute;
	top: 40px;
	transform: translate(-150%, 0);
	/* top:50%;
     transform: translate(-150%,-50%);
    */
	background-image: url(../images/icon_topmenu_1.png);
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 8920;
}

.headerMenu.subheaderMenu .menuLv0>li.open:nth-child(1)>ul.menuLv1:before {
	background-image: url(../images/icon_topmenu_1.png);
	content: "";
}

.headerMenu.subheaderMenu .menuLv0>li.open:nth-child(2)>ul.menuLv1:before {
	background-image: url(../images/icon_topmenu_2.png);
	content: "";
}

.headerMenu.subheaderMenu .menuLv0>li.open:nth-child(3)>ul.menuLv1:before {
	background-image: url(../images/icon_topmenu_3.png);
	content: "";
}

.headerMenu.subheaderMenu .menuLv0>li.open:nth-child(4)>ul.menuLv1:before {
	background-image: url(../images/icon_topmenu_4.png);
	content: "";
}

.headerMenu.subheaderMenu .menuLv0>li.open:nth-child(5)>ul.menuLv1:before {
	background-image: url(../images/icon_topmenu_5.png);
	content: "";
}

.headerMenu.subheaderMenu .menuLv0>li.open:nth-child(6)>ul.menuLv1:before {
	background-image: url(../images/icon_topmenu_6.png);
	content: "";
}

.headerMenu.subheaderMenu .menuLv0>li.open:nth-child(7)>ul.menuLv1:before {
	background-image: url(../images/icon_topmenu_7.png);
	content: "";
}

.headerMenu.subheaderMenu .menuLv0>li.open:nth-child(8)>ul.menuLv1:before {
	background-image: url(../images/icon_topmenu_8.png);
	content: "";
}

.headerMenu.subheaderMenu .menuLv0>li.open:nth-child(9)>ul.menuLv1:before {
	background-image: url(../images/icon_topmenu_9.png);
	content: "";
}

.headerMenu.subheaderMenu .menuLv0>li.open:nth-child(10)>ul.menuLv1:before {
	background-image: url(../images/icon_topmenu_10.png);
	content: "";
}

.headerMenu.subheaderMenu .menuLv0>li.open:nth-child(11)>ul.menuLv1:before {
	background-image: url(../images/icon_topmenu_11.png);
	content: "";
}

.headerMenu.subheaderMenu .open>ul.menuLv1:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #eaeef1;
	z-index: 8910;
}

.headerMenu.subheaderMenu .open>ul.menuLv1>li {
	position: relative;
	display: inline-block;
	z-index: 8920;
}

.headerMenu ul ul.menuLv1 {
	float: left;
	/* list-style-type: disc;
     width: 1000%;
     display: block;
    */
}

.headerMenu ul ul.menuLv1>li {
	border: 0;
	border-top: 0;
	list-style-type: disc;
	margin: 0 10px 10px 0;
	float: left;
	left: 0;
	right: 0;
}

.headerMenu ul.menuLv1>li:hover,
.headerMenu ul.menuLv1>li:focus,
.headerMenu ul.menuLv1>li:active {
	/*background-color:#ebe9f4;
     */
}

.headerMenu ul.menuLv1 li a {
	padding: 10px;
	/*width:220px;
    */
	display: block;
	text-align: left;
}

.headerMenu ul.menuLv1.shortList {
	width: 240px;
}

.headerMenu ul .longList {
	float: left;
	position: relative;
}

.headerMenu .longList ul.menuLv1.numUl1 {
	left: 220px;
}

.headerMenu .longList ul.menuLv1.numUl2 {
	left: 440px;
}

.headerMenu ul.menuLv0 {
	margin: 0 auto;
	padding: 0;
}

.headerMenu ul.menuLv0,
.headerMenu ul.menuLv0 li {
	list-style-type: none;
	text-align: center;
}

.headerMenu ul.menuLv0>li.firstLi {
	/* display:none;
    /*font-size: 18px;
    /*border-left: #fff 1px solid;
     padding-top: 10px;
     padding-bottom: 10px;
     border-left: 0;
    */
	/*text-align: right !important;
     font-weight: normal;
     display:none;
    */
}

.headerMenu ul.menuLv0>li.firstLi>a img {
	margin: 0 15px;
}

.subheaderMenu ul.menuLv0>li {
	/* font-size:0.85em;
    /*position: static;
    /*background-color:#fff;
     position:relative;
    */
	font-weight: bold;
	text-align: right;
	/* border-left: 1px solid #d2cfe1;
								
    /*border-right: #fff 1px solid;
    /*width: 165px;
    */
	position: relative;
	text-align: center;
	vertical-align: top;
	/* font-weight: normal;
    */
}

.headerMenu ul.menuLv0>li>a {
	/* font-size: 1.2em; */
	font-size: 19px;

}

body.englishVersion .headerMenu ul.menuLv0>li>a {
	/* font-size: 1em; */
	font-size: 16px;

}

.headerMenu ul.menuLv1>li>a {
	font-size: 1.2em;
}

.headerMenu.subheaderMenu ul.menuLv0>li {
	position: static;
	font-weight: bold;
}

.headerMenu.subheaderMenu ul.menuLv1>li {
	/* font-size:0.8em;
    */
}


/*.chineseVersion .headerMenu ul.menuLv0>li{
     font-size:1em;
   
							
				   
}
*/

.headerMenu ul.menuLv0>li>a {
	position: relative;
}

.headerMenu ul.menuLv0>li.firstLi>a:before {
	display: none;
}

.headerMenu.subheaderMenu ul.menuLv0>li>a:before {
	content: "";
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 0;
	width: 1px;
	background-color: #000;
}

.headerMenu ul.menuLv0>li a {
	text-decoration: none !important;
}

.headerMenu ul li a {}

.headerMenu ul.menuLv0>li a {
	/* margin-top: 0px !important;
     margin-bottom: 0px !important;
     margin-left: 0px !important;
     padding-top: 0px !important;
     padding-bottom: 0px !important;
     padding-left: 0px !important;
    */
}


/*.headerMenu ul.menuLv0>li.active_section{
     border-bottom-width: 6px;
     border-bottom-style: solid;
     border-bottom-color: #ef8000;
   

													
				 
}
*/

.breadcrumb .listStyleInline A:link {
	color: #ffffff !important;
}

.breadcrumb .listStyleInline A:visited {
	color: #ffffff !important;
}


/*.chineseVersion .contentArea .breadcrumb a.home {
     height: 14px;
   

							
							
}
  
 .simplify .contentArea .breadcrumb a.home {
     height: 14px;
}
*/

.headerMenu ul.menuLv0>li a {
	/*height:35px !important;
    */
}

.headerMenu ul.menuLv0>li.my_menu4>a {
	/* padding-bottom: 16px!important;
    /*max-height:35px;
    */
}

.headerMenu ul.menuLv0>li>a {
	/* padding-bottom: 20px!important;
    /*max-height:35px;
    */
}

.headerMenu ul.menuLv0>li.my_menu1 {}

.headerMenu ul.menuLv0>li.firstLi:before {
	content: '';
	display: none;
}

.headerMenu ul.menuLv0>li:before {
	/* content:'';
					   
				
				 
				
			  
						
     background-image:url(../images/icon_menu_near.png);
     background-repeat:no-repeat;
     width:19px;
     height:35px;
     position:absolute;
     left: -9px;
     top:50%;
     margin-top:-18px;
    */
}

.headerMenu ul.menuLv0>li.my_menu1:before {
	content: '';
	display: none;
}

.headerMenu ul.menuLv0>li:hover:after,
.headerMenu ul.menuLv0>li.active_section:after {
	content: " ";
	position: absolute;
	width: 19px;
	height: 10px;
	bottom: 8px;
	left: 50%;
	margin-left: -9.5px;
	/* background-image: url(../images/icon_menu_arrow.png);
    */
	background-repeat: no-repeat;
}


/*.headerMenu ul.menuLv0>li:after {
     content: ' ';
     position: absolute;
     width: 27px;
     height: 25px;
     right: 10px;
     bottom: 5px;
     background-image: url(../images/navigation/icon/cyber_risk.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
}
 .headerMenu ul.menuLv0>li.my_menu0:after {
	 
	  
	 
	  
	 
	  
	   
     background-image: url(../images/navigation/icon/cyber_risk.png);
   
		  
}
 .headerMenu ul.menuLv0>li.my_menu1:after {
	  
	  
	 
	  
	 
	 
     background-image: url(../images/navigation/icon/alerts.png);
		  
		
}
 .headerMenu ul.menuLv0>li.my_menu2:after {
     background-image: url(../images/navigation/icon/report.png);
   
								   
 
						  
}
 .headerMenu ul.menuLv0>li.my_menu3:after {
     background-image: url(../images/navigation/icon/gov_ref.png);
						   
					 
				
				 
}
 .headerMenu ul.menuLv0>li.my_menu4:after {
     background-image: url(../images/navigation/icon/comment_icon.png);
}
*/


/*.headerMenu ul.menuLv0>li.firstLi {
					
			 
								 
							 
								
								
			 
					 
						   
					
					 
				
				  
					  
     background-color:#da2e5e;
}

 .tMenu>li.firstLi {
     width: 50px !important;
     border:0 !important;
     padding-left:0;
     padding-right:0;
 
			 
					
}
 */

.tMenu>li {
	position: relative;
	float: left;
	/* line-height: 1.2em !important;
    /*height: 76px !important;
    */
	min-height: inherit !important;
	max-height: inherit !important;
	width: auto;
	/*padding-top: 15px;
     padding-bottom: 15px;
    */
	/*padding-left:3px;
     padding-right:3px;
    */
	font-size: 1em;
	text-align: left;
	/*max-width: 148px;
    */
	background-repeat: no-repeat;
}


/*.tMenu>li.my_menu0 {
     background-image: url(../images/navigation/desktop/navigation_01.jpg);
}
 .tMenu>li.my_menu1 {
     background-image: url(../images/navigation/desktop/navigation_02.jpg);
}
 .tMenu>li.my_menu2 {
     background-image: url(../images/navigation/desktop/navigation_03.jpg);
}
 .tMenu>li.my_menu3 {
     background-image: url(../images/navigation/desktop/navigation_04.jpg);
}
 .tMenu>li.my_menu4 {
     background-image: url(../images/navigation/desktop/navigation_05.jpg);
   
					  
					
}
*/

.headerMenu ul li ul {
	position: absolute;
}

.headerMenu ul.menuLv0>li>a {
	margin: 0;
	/* padding-right: 0;
    */
	padding-left: 0;
	position: relative;
}

.headerMenu ul.menuLv0>li>a>span {
	/*padding-right:16px;
    */
	display: block;
	margin-top: 0;
}

.headerMenu ul.menuLv0>li>a>span.caret,
.headerMenu ul.menuLv1>li>a>span.caret {
	position: absolute;
	padding-right: 0;
	top: 50%;
	right: 5px;
	display: none;
	/* margin-top:-4px !important;
    */
}

.headerMenu ul.menuLv0>li:hover>a,
.headerMenu ul.menuLv0>li>a:hover,
.headerMenu ul.menuLv0>li>a:focus {
	/* background-color: #504098;
    */
	/* color: #36444d;
    */
}

.headerMenu.subheaderMenu ul.menuLv0>li:hover>a,
.headerMenu.subheaderMenu ul.menuLv0>li>a:hover

/*,
.headerMenu.subheaderMenu ul.menuLv0>li>a:focus*/
	{
	background-color: #1C559C;
	color: #fff;
	position: relative;
}

.headerMenu.subheaderMenu ul.menuLv0>li:hover>a:after,
.headerMenu.subheaderMenu ul.menuLv0>li>a:hover:after

/*,
.headerMenu.subheaderMenu ul.menuLv0>li>a:focus:after*/
	{
	content: "";
	position: absolute;
	bottom: 0;
	height: 5px;
	left: 20px;
	right: 20px;
	border-radius: 10px;
	background-color: #97b5d9;
}

.chineseVersion .headerMenu ul.menuLv0>li>a {
	/* margin: 10px !important;
    */
}

.headerMenu .tMenu a>span {
	margin: 0 0px;
}

.headerMenu .tMenu>li>a {
	/* padding-left:15px !important;
     padding-right:15px !important;
    /* padding: 12px 15px !important;
    */
}

body.englishVersion .headerMenu .tMenu>li>a {
	/* padding-left:15px !important;
     padding-right:15px !important;
    */
}

.chineseVersion .headerMenu .tMenu>li>a {
	/* padding-left:15px !important;
     padding-right:15px !important;
    /* padding: 2px 25px !important;
    */
}

.headerMenu .tMenu a:link,
.headerMenu .tMenu a:visited {
	/* color: #36444d;
     font-weight:bold;
    */
}


/*.headerMenu .tMenu>li>a {
     text-align: left !important;
     padding-left: 10px !important;
}
/*.headerMenu .tMenu>li>a{
     padding-left: 10px !important;
     padding-top: 10px;
     padding-right: 10px;
     padding-bottom: 10px;
     max-height: 68px;
}
 .headerMenu .tMenu>li>a:hover {
     text-align: left !important;
     padding-left: 10px !important;
     padding-top: 10px;
     padding-bottom: 30px;
   
												  
					   
}
*/

.headerMenu .tMenu li.open {
	/*position:relative;
    */
	/* min-height: 300px;
    */
}

.headerMenu.subheaderMenu .tMenu li.open ul,
.headerMenu.subheaderMenu .tMenu li ul.activeUl {
	/*position:relative;
    */
	/*width: 984px;
    /*top: 100%;
     left: 0;
    */
	margin: 0;
	/*padding: 0 10px;
    */
	/*min-height:220px;
     padding-left:480px;
    */
	/*background-color: #1C559C;*/
	padding: 0;
}

.headerMenu .tMenu li>ul.menuLv2,
.headerMenu .tMenu li>ul.menuLv3 {
	position: absolute;
	left: -9999px;
}

.headerMenu .tMenu li.active>ul.menuLv2 {
	display: block;
	min-width: 100%;
	position: relative;
	left: auto;
	border-left: solid 2px #eba53c;
	margin-left: 85px;
}

.headerMenu.mainheaderMenu .tMenu li.active>ul.menuLv2,
.headerMenu.mainheaderMenu .tMenu .menuLv1 li.active>ul.menuLv3 {
	display: block;
	min-width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: auto;
	top: auto;
}

.headerMenu .tMenu li.open ul.menuLv2,
.headerMenu .tMenu li .activeUl ul.menuLv2,
.headerMenu .tMenu li ul.menuLv2.activeUl {
	/* min-width: 100%;
     position:relative;
     left:0;
    */
	/* border-top: 1px solid #a9cdd6;
    */
}

.headerMenu .tMenu li.open ul:after,
.headerMenu .tMenu li ul.activeUl:after {
	clear: both;
}

.headerMenu .tMenu li.open ul>li,
.headerMenu .tMenu li ul.activeUl>li {
	/*display:list-item;
     float: left;
    /*margin-left: 30px;
     width: 450px;
    */
	float: none;
	display: block;
	/* line-height: 20px;
    */
}

.headerMenu .tMenu li.open ul li a,
.headerMenu .tMenu li ul.activeUl li a {
	/*color: #FFF;
    /*padding-left:10px;
    */
	/*background-color: #1a5d7a;
    /* padding-top: 25px !important;
     padding-bottom: 25px !important;
    */
	margin-top: 0;
	margin-bottom: 0;
	/* height: 38px;
    */
	display: block;
}

.headerMenu .tMenu li ul li a,
.headerMenu .tMenu li ul li a {
	/* color: #333 !important;
    /*color: #dadada !important;
    /*#3e3c50 !important;
    */
}

.headerMenu .tMenu li.open ul li a,
.headerMenu .tMenu li ul.activeUl li a {
	/*color: #FFF;
    /*padding-left:10px;
    */
	/*background-color: #1a5d7a;
    /* padding-top: 25px !important;
     padding-bottom: 25px !important;
    */
	margin-top: 0;
	margin-bottom: 0;
	/* height: 38px;
    */
}

.headerMenu .tMenu li.open ul.menuLv2>li>a,
.headerMenu .tMenu li ul.activeUl .menuLv2>li>a {
	/* background-color: #b8e6e8;
     padding: 12px 30px;
    */
	padding: 6px 10px 6px 17px;
	/* padding-left: 20px;
    */
}

.headerMenu. .tMenu li.open ul.menuLv2>li>a:focus,
.headerMenu .tMenu li ul.activeUl .menuLv2>li>a:focus,
.headerMenu .tMenu li.open ul.menuLv2>li>a:active,
.headerMenu .tMenu li ul.activeUl .menuLv2>li>a:active,
.headerMenu .tMenu li.open ul.menuLv2>li>a:hover,
.headerMenu .tMenu li ul.activeUl .menuLv2>li>a:hover {
	background-color: #1d5ca6;
}

.headerMenu.mainheaderMenu .tMenu li.open ul.menuLv1>li>a:focus,
.headerMenu.mainheaderMenu .tMenu li ul.activeUl .menuLv1>li>a:focus,
.headerMenu.mainheaderMenu .tMenu li.open ul.menuLv1>li>a:active,
.headerMenu.mainheaderMenu .tMenu li ul.activeUl .menuLv1>li>a:active,
.headerMenu.mainheaderMenu .tMenu li.open ul.menuLv1>li>a:hover,
.headerMenu.mainheaderMenu .tMenu li ul.activeUl .menuLv1>li>a:hover,
.headerMenu.mainheaderMenu .tMenu li.open ul.menuLv2>li>a:focus,
.headerMenu.mainheaderMenu .tMenu li ul.activeUl .menuLv2>li>a:focus,
.headerMenu.mainheaderMenu .tMenu li.open ul.menuLv2>li>a:active,
.headerMenu.mainheaderMenu .tMenu li ul.activeUl .menuLv2>li>a:active,
.headerMenu.mainheaderMenu .tMenu li.open ul.menuLv2>li>a:hover,
.headerMenu.mainheaderMenu .tMenu li ul.activeUl .menuLv2>li>a:hover,
.headerMenu.mainheaderMenu .tMenu li.open ul.menuLv3>li>a:focus,
.headerMenu.mainheaderMenu .tMenu li ul.activeUl .menuLv3>li>a:focus,
.headerMenu.mainheaderMenu .tMenu li.open ul.menuLv3>li>a:active,
.headerMenu.mainheaderMenu .tMenu li ul.activeUl .menuLv3>li>a:active,
.headerMenu.mainheaderMenu .tMenu li.open ul.menuLv3>li>a:hover,
.headerMenu.mainheaderMenu .tMenu li ul.activeUl .menuLv3>li>a:hover {
	/* background-color: #1d5ca6;
    */
	background-color: rgba(116, 116, 116, 0.5);
}

.headerMenu ul.menuLv0 {
	z-index: 7900;
}

.headerMenu ul.menuLv1 {
	z-index: 7910;
}

.headerMenu ul.menuLv2 {
	z-index: 7920;
}

.headerMenu ul.menuLv1>li {
	position: relative;
}

.headerMenu.mainheaderMenu ul.menuLv1>li {
	position: static;
	margin: 0;
}


/*.headerMenu.mainheaderMenu ul.menuLv1>li.active>ul.menuLv2{
     position: relative;
     left: 0;
     display: block;
   
													   
													   
					  
			 
			
}
*/

.headerMenu.mainheaderMenu ul.menuLv1>li>ul.menuLv2>li,
.headerMenu.mainheaderMenu ul.menuLv1>li ul.menuLv3>li {
	display: inline-block;
	width: auto;
	float: none;
}

.headerMenu.mainheaderMenu ul.menuLv1>li>ul.menuLv2>li.active,
.headerMenu.mainheaderMenu ul.menuLv1>li ul.menuLv3>li.active {
	width: 100%;
}

.headerMenu .tMenu li.open ul.menuLv2>li {
	width: 100%;
	/*padding-left: 35px;*/
	/*padding-left: 50px;*/
}

.headerMenu.subheaderMenu .tMenu li ul>li {
	width: 100%;
	height: auto;
	/*float: left;*/
}

.headerMenu .tMenu li ul.menuLv1>li {
	/* width: 225px;
    /*height: 175px !important;
    */
	float: none;
}

.headerMenu.subheaderMenu .tMenu li ul.menuLv1>li {
	width: 33% !important;
	margin: 0;
	vertical-align: top;
	font-weight: normal;
}

.headerMenu .tMenu li ul>li.close {
	/* background-image: url(../images/menu_nav_down.png);
    */
	background-position: right top;
	background-repeat: no-repeat;
}

.headerMenu .tMenu li ul>li>a {
	/*background-image:url(../images/bg_menu_overlay.png);
    */
	/*background-repeat:no-repeat;
    */
	background-position: right bottom;
	/*background-color:#e5eefa;
    */
	/*border: 1px solid #3b748d;
    /*#d9ebf3;
    */
	border-collapse: collapse;
	background-size: 100% 100%;
	/* padding-left: 20px !important;
    */
}

.headerMenu .tMenu li ul>li>a:focus,
.headerMenu .tMenu li ul>li>a:active,
.headerMenu .tMenu li ul>li>a:hover {
	/* background-color: rgba(244, 244, 244, .9);
    */
}



/* .headerMenu .tMenu>li>a:focus, .headerMenu .tMenu>li>a:hover, .headerMenu .tMenu>li>a:active, .headerMenu .tMenu>li>a.active_section{
     background-image:url(../images/bg_menu_overlay.png);
     background-repeat:no-repeat;
     background-position:right bottom;
     background-color:rgba(255, 217, 80, .8);
 
 
																																	 
													 
							 
								  
										 
 
}
  
 .headerMenu .tMenu>li>a:focus, .headerMenu .tMenu>li>a:hover, .headerMenu .tMenu>li>a:active, .headerMenu .tMenu>li>a.active_section{
     background-image:url(../images/bg_menu_overlay.png);
     background-repeat:no-repeat;
     background-position:right bottom;
     background-color:rgba(255, 217, 80, .8);
}
 */

.headerMenu .tMenu>li>a {
	position: relative;
}


/*.headerMenu .tMenu>li>a:focus:after, .headerMenu .tMenu>li>a:hover:after, .headerMenu .tMenu>li>a:active:after, .headerMenu .tMenu>li>a.active_section:after {
     content: " ";
     display: block;
     position: absolute;
     left: 0;
     right: 0;
     bottom: -9px;
     height: 9px;
   
																																																																											 
							 
				  
				   
}
*/

.headerMenu .tMenu>li>a:focus,
.headerMenu .tMenu>li>a:hover,
.headerMenu .tMenu>li>a:active,
.headerMenu .tMenu>li>a.active_section {
	background-color: #1C559C;
	color: #fff;
	font-weight: bold;
}


/*.headerMenu .tMenu .firstLi>a:link, .headerMenu .tMenu .firstLi>a:visited{
    padding:10px 0;
}
*/


/*.headerMenu .tMenu a:hover, .headerMenu .tMenu a:focus, .headerMenu .tMenu a:active, .headerMenu .tMenu a.active_section{
												  
    background-color:#ffebbc;
     color:#b11111;
     text-decoration:none;
     font-weight:normal;
}
*/

.headerMenu .tMenu .menuLv1 a {
	/*padding: 20px 25px;*/
	padding: 20px 25px 5px 25px;
	/* font-size: 0.85em;
     font-size: 0.92em;
     border-left: 1px solid #98b2b5;
						   
     border-right: 1px solid #98b2b5;
     border-top: 1px solid #d0edf3;
     border-bottom: 1px solid #939393;
    */
}

.headerMenu.subheaderMenu .tMenu .menuLv1 a {
	color: #000;
}

.headerMenu.subheaderMenu .tMenu .menuLv1 a:focus,
.headerMenu.subheaderMenu .tMenu .menuLv1 a:hover {
	/*color: #f6c812;*/
	color: #1b5397;
	text-decoration: underline !important;
}

.caret {
	display: none;
	/* display: inline-block;
     width: 0;
     height: 0;
     margin-left: 2px;
     vertical-align: middle;
     border-top: 4px solid;
     border-right: 4px solid transparent;
     border-left: 4px solid transparent;
     margin-top: 0 !important;
    */
}

.siteList .caret {
	display: none;
}


/*.headerMenu .tMenu .menuLv1 a:link, .headerMenu .tMenu .menuLv1 a:visited, .headerMenu .tMenu .menuLv1, .headerMenu .tMenu .menuLv1{
    background-color:#FFEBBC;
    color:#B52C11;
}
 .headerMenu .tMenu .menuLv1 a:hover, .headerMenu .tMenu .menuLv1 a:focus, .headerMenu .tMenu .menuLv1 a:active, .headerMenu .tMenu .menuLv1 a.active_section{
    background-color:#965441;
     font-weight:normal;
     color:#fff;
			  
			   
}
*/

.headerMenu .tMenu .menuLv1 hr {
	margin-top: auto;
	margin-bottom: auto;
	border: 1px solid #b9c7d6;
	border-top: 0;
	width: 90%;
	margin: 0 auto;
}

.leftHeader {
	display: none;
}

.leftMenuHeader {
	margin-top: 0;
}

.left_menu>div {
	position: relative;
	z-index: 8000;
}

.left_menu>div.menuBg {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 185px;
	z-index: 5000;
}

.leftMenuArea {
	float: left;
	width: 185px;
}

.leftMenu {
	float: left;
}

.left_menu {
	width: 185px;
	min-height: 100%;
	/*height:100%;
    */
	/*position:absolute;
     z-index: 9999;
    */
}

.leftMenu {
	z-index: 7900;
	position: relative;
}

.leftMenu .close>ul {
	height: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: -1;
	position: relative;
	overflow: hidden;
}

.leftMenu .open>ul {
	height: auto;
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 7910;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	overflow: visible;
}

.chineseVersion .headerMenu .tMenu .menuLv1 a {
	min-height: 19px;
}

.copyrightBar {
	text-align: center;
	margin: 20px 0;
}

.headerTool {}

.headerNav {
	width: 100%;
}

.headerTool .myLogo {
	padding: 0;
	position: absolute;
	z-index: 8888;
}

.headerTool .myLogo a {
	padding: 5px 0;
	display: inline-block;
}

.headerTool .myLogo img {
	text-align: left;
	/*width: 346px;*/
}

.headerTool .myLogo span {
	/* vertical-align: top;
     width: 200px;
     display: inline-block;
     margin-top: 3px;
     margin-left: 15px;
     font-size: 1.1em;
    */
}

.headerTool .headerMenu {}

.headerTool .AStyleArea a {
	/* color:#000 !important;
    */
	vertical-align: baseline;
}


/*=========footer=========*/

.footerArea {
	color: #fff;
}

.footerArea {
	/* background-color: #133c8b;
     color: #fff;
    */
}

.footerMenu ul.menuLv0>li.firstLi {
	/* display:none;
    */
}

.footerMenu ul,
.footerMenu ul li {
	list-style-type: none;
	padding: 0;
}

.indexVersion .footerMenu .bMenu {
	display: block;
}

.footerArea {
	position: relative;
	/*background-color: #f1f1f1;
    */
	/* box-shadow: 0px 0px 15px #c1c1c1;
     box-shadow: 0px -4px 15px -4px #c1c1c1;
    */
	padding: 40px 0;
	background-color: #3f3f3f;
}

.indexVersion .footerArea {
	box-shadow: none;
	z-index: 8800;
}

body .footerArea a {
	color: #fff;
}

.footerArea .container {
	/* position: relative;
    /*padding-top:15px;
     padding-bottom:30px;
    */
	/* padding: 2em 0;
    /*border-top:1px solid #cccccc;
    */
	z-index: 1000;
	/* color: #fff;
    */
}

.indexVersion .footerRow {
	/* position: absolute;
     left: 1em;
     right: 1em;
    */
}

.shareFooter {
	margin: 25px 0 15px 0;
	text-align: center;
}

.shareFooter a {
	display: inline-block;
	text-align: center;
	padding: 0 16px;
	font-weight: bold;
}

.footerArea .footerTop {
	position: relative;
}

.footerArea .footerTop .mylogo {
	position: absolute;
	left: 0;
	top: 10px;
}

.footerArea .footerBottom {
	margin-top: 30px;
}

body #wrap .footerArea .container {
	/*background-color:#26418e;
    */
}

.footerArea .footerMenu {
	padding-bottom: 30px;
	/* border-top-width: 5px;
     border-top-style: solid;
     border-top-color: #3f535a;
    */
	padding-right: 0px;
	padding-left: 0px;
}

.footerMenu ul ul ul {
	display: none;
}

.footerArea .myFooterBg {
	position: absolute;
	left: 0;
	right: 0;
	background: #012056;
	bottom: 0;
	z-index: 1;
}


/*.footerMenu .bMenu {
 
     display:none;
   

					   
					
				
					   
}
*/

.footerMenu .bMenu li {
	display: list-item;
	margin: 10px 0;
	list-style-type: disc;
}

.footerMenu .bMenu .menuLv1 li {}

.footerMenu .bMenu .menuLv1 li:before {
	position: relative;
	display: inline-block;
	margin-right: 5px;
}

.footerMenu ul.menuLv0>li.firstLi {
	/* float: left;
     list-style-type: none;
     margin-top: 10px;
     margin-right: 25px;
     margin-bottom: 35px;
     padding-left: 30px;
     display: none;
    */
}

.footerMenu ul.menuLv0>li.my_menu1 {
	/* float: left;
     width: 13%;
     list-style-type: none;
     margin-top: 10px;
     margin-right: 25px;
     margin-bottom: 35px;
     padding-left: 6%;
    */
}


/*.footerMenu ul.menuLv0>li.my_menu2 {
     width: 13%;
}
 .footerMenu ul.menuLv0>li.my_menu3 {
     width: 13%;
}
 .footerMenu ul.menuLv0>li.my_menu4 {
     width: 13%;
}
 .footerMenu ul.menuLv0>li.my_menu5 {
     width: 13%;
}
 .footerMenu ul.menuLv0>li.my_menu6 {
     width: 13%;
	 
								   
			 

					   
				  
					
					 
}
*/





/* .footerArea .footerMenu .bMenu>li {
     float: left;
     list-style-type: none;
     margin-top: 10px;
     margin-right: 25px;
     margin-bottom: 35px;
}
  
		   
	 
		 
	   
	  
	   
 
 .footerArea .footerMenu .bMenu>li.my_menu18 {
     float: left;
     width: 240px;
     list-style-type: none;
     margin-top: 10px;
     margin-right: 25px;
     margin-bottom: 35px;
}
*/


/*.footerArea .footerMenu .bMenu>li a{
     margin-bottom: 5px;
}

 .footerArea .footerMenu .bMenu>li li{
     float: left;
     margin: 8px 25px 8px 25px;
     width: 200px;
     max-width: 100%;
}
 .footerMenu .bMenu {
     font-size: 1em;
     margin-top: 0;
     margin-right: auto;
     margin-left: auto;
     padding-top: 0;
     padding-right: 0;
     padding-bottom: 30px;
     padding-left: 0;
   
						
				  
}
*/

.footerMenu .shortList {
	max-width: 120px;
}

.footerMenu .longList>ul {
	float: left;
}

.footerMenu .longList .firstUl {
	margin-left: 0;
}

.footerMenu .longList ul {
	margin-left: 20px;
}

.footerMenu .bMenu .menuLv1 a:link,
.footerMenu .bMenu .menuLv1 a:visited {
	display: inline;
}

.footerMenu .bMenu a:link,
.footerMenu .bMenu a:visited {
	display: block;
	color: #3e5259;
	font-weight: bold;
}

.footerMenu .bMenu a:hover,
.footerMenu .bMenu a:focus,
.footerMenu .bMenu a:active,
.footerMenu .bMenu a.active_section {
	text-decoration: none;
}

.footerMenu .bMenu .menuLv1 a:link,
.footerMenu .bMenu .menuLv1 a:visited,
.footerMenu .bMenu .menuLv1,
.footerMenu .bMenu .menuLv1 {
	color: #3e5259;
	font-weight: normal;
}

.footerMenu .bMenu .menuLv1 a:hover,
.footerMenu .bMenu .menuLv1 a:focus,
.footerMenu .bMenu .menuLv1 a:active,
.footerMenu .bMenu .menuLv1 a.active_section {}

body .footerArea ul.fMenu {
	list-style-type: none;
	padding: 0;
	margin-bottom: 0;
}

body .footerArea ul.fMenu,
body .footerArea .copyRight,
body .footerArea .copyrightBar {
	/*text-align:center;
     display: inline;
    */
}

body .footerArea ul.fMenu {
	/*margin:2px 0;
     display: inline-block;
     float: right;
     max-width:38%;
    */
}

body .footerArea div.info ul.fMenu {
	/* max-width: 50%;
    */
	margin: 0px;
	padding: 0px;
	display: block;
}

body .footerArea .footerBold {
	font-size: 1.1em;
	font-weight: bold;
}

body .footerArea .govLogo {
	margin-bottom: 10px;
}

body .footerArea .govLogo>div {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

body .footerArea .info {
	/* display: inline-block;
    /* width: 50%;
     vertical-align: baseline;
     padding-top: 24px;
    */
	text-align: center;
}

body .footerArea .info>div {
	padding-left: 5px;
}

body .footerArea .info>* {
	/* display:inline-block;
    */
}

body .footerArea ul.fMenu a {
	/* color: #000;
    */
	text-decoration: none;
}

body .footerArea ul.fMenu>li,
body .footerArea .copyrightBar {
	/* margin: 0;
    /* display: inline-block;
    */
	vertical-align: middle;
}

body .footerArea .copyrightBar {
	/*margin-left: 10px;
     float: left;
    */
	/* margin-top: -8px;
					 
     margin-bottom: 10px;
    */
}

.copyrightBar img {
	padding-left: 10px;
}

body #footer div.system {
	width: 50%;
	text-align: right;
	float: right;
}

body #footer div.copyright {
	width: 50%;
	text-align: right;
	float: right;
}

body #footer div.w3c {
	text-align: center;
	/* display: inline-block;
    /* width: 50%;
    */
	/* float:right;
     text-align: right;
     padding-top: 0;
    */
}

body #footer div.w3c>div {
	vertical-align: baseline;
	display: inline-block;
	padding: 6px 12px;
	/* vertical-align: middle;
    */
}

body #footer div.w3c .copyrightBar img {}

.footerArea .updateDate {
	/*float:right;
    /*margin-top:20px;
     margin-right:15px;
    /* display: inline-block;
    /*margin-bottom: 10px;
     padding-left: 5px;
     padding-top: 24px;
     float: right;
    */
}

.footerArea ul.fMenu,
.footerArea ul.fMenu li {
	list-style-type: none;
	/* padding: 0;
    */
}

.footerArea ul.fMenu li {
	/* padding-bottom:.1em;
    */
}

.footerArea .fMenu>li {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.footerArea .fMenu>li a {
	display: block;
	margin: 0;
	padding: 11px 16px;
}

.footerArea .fMenu>li .firstItem {
	margin-left: 0
}

.footerArea .fMenu>li .lastItem {
	margin-right: 0
}

.footerLeft {
	float: left;
}

.footerRight {
	float: right;
}


/* .footerArea .fMenu{
    color:#a6c3e0;
     margin-bottom:10px;
}
 .footerArea .fMenu a:link, .footerArea .fMenu a:visited{
    color:#a6c3e0;
    text-decoration:none;
				  
				  
					 
}
 .footerArea .fMenu a:hover, .footerArea .fMenu a:focus, .footerArea .fMenu a:active, .footerArea .fMenu a.active_section{
    text-decoration:underline;
}
*/

.copyRight {
	margin-bottom: 10px;
	display: block;
	text-align: left;
}

.myheaderTool {
	position: static;
	display: inline-block;
}

.myheaderTool div {
	/* float: left;
    */
	line-height: normal;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
}

.myheaderTool>div.mobile_view {
	padding-left: 0px;
}

.myheaderTool>div.sitemap {
	padding-left: 0px;
	font-size: 14px;
}

.myheaderTool>div.sitemap a {
	color: #3e5259;
}

.mailTool {
	float: right;
}

.homeTool img {
	vertical-align: text-bottom;
}


/*.footerArea>div {
     background-image: url(../images/footer/footer_bg.gif);
     background-repeat: repeat;
   
						 
			 
				
			  
}
*/

.footerArea .myLogo img {
	width: 90px;
	display: block;
	margin: auto;
}

.footerArea .myLogo span {
	display: block;
	text-align: center;
	margin-top: 10px;
}


/*=========Page Buttom=========*/

body div.btmNav {
	position: relative;
	z-index: 3000;
	/*margin: 50px 0 0 0;
    /*height: 60px;
    */
	/*width: 815px;
     margin-top: 10px;
     margin-bottom: 10px;
     padding-right: 10px;
     float: right;
     text-align:right;
     width: auto;
    */
	/* padding-top: 30px;
   
				   
     padding-bottom: 30px;
    */
}


/*.indexVersion div.btmNav{
     display:none;
   
		  
					   
												 
								
			  
				
			 
						  
					 
					 
														   
							 
   
					 
							   
										
}
*/

.backBtn {
	display: inline-block;
	/*background-image: url(../images/btn_back.png);
     background-repeat: no-repeat;
    */
	/*width:54px;
     height: 19px;
    */
	float: left;
	/*padding: 10px 15px;
    */
	/* padding: 7px 12px;
    */
	/*padding: 6px 12px;
    /*background-color: #d8e2ed;
    */
	color: #3e5259;
	margin: 0;
	/*background-color: #3e535a;
    /* margin:0 0 0 50px;
    */
	/*background-color: #FAB965;
    */
	font-weight: bold;
	/*margin-left:15px;
    */
}

.topBtn {
	display: inline-block;
	/*padding: 7px 12px;
    */
	color: #3e5259;
	margin: 0;
	/* background-color: #3e535a;
    */
	/* float: right;
    */
	font-weight: bold;
	/*float:left;
    */
	/*background-image: url(../images/btn_top.png);
    */
	/* background-repeat: no-repeat;
   
	 
	  
   
     float: right;
	   
   
     padding: 7px 12px;
   
	  
     color: #172e4d;
   
	 
     margin:0;
     background-color: #FAB965;
     font-weight:bold;
    */
	position: absolute;
	right: 0;
	top: 0;
	margin-top: -40px;
	transform: translateY(-50%);
}

.backBtn a {
	padding: 5px 7px 8px 7px;
	background-color: #446993;
	border-radius: 4px;
	color: #FFF !important;
	/*color: #172e4d;
    */
	/*margin-left: 25px;
    */
}

.backBtn a:hover,
.backBtn a:focus {
	text-decoration: none;
}

.topBtn a {
	position: relative;
	width: 40px;
	height: 40px;
	display: block;
	background-color: #004586;
	color: #FFF !important;
	border-radius: 100px;
}

.topBtn a img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.topBtn a:hover,
.topBtn a:focus {
	text-decoration: none;
}

.my_anchor {
	font-size: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	position: static !important;
	display: block !important;
	height: 0 !important;
	width: 0 !important;
}


/*=========breadcrumb=========*/

.contentArea .breadcrumb a.home {
	/*background-image: url(../images/home_breadcrumb_btn.png);
     background-repeat: no-repeat;
     display: inline-table;
     overflow: hidden;
     text-indent: -9999px;
     padding: 1%;
     cursor: pointer;
     height: 23px;
     width: 22px;
     background-position: center -3.5px;
    */
	padding-right: 0;
	text-decoration: none;
	/* color: #345598 !important;
    */
}

.contentArea .breadcrumb {
	/* width: 970px;
    /* height: 60px;
     */
	color: #fff;
	z-index: 7888;
	/* position: relative;
    */
	margin-top: 0;
	/* padding-left: 30px;
    */
	margin-right: auto;
	margin-bottom: 0;
	/* margin-left: 25px;
    */
	margin-left: auto;
	/*
	padding-top: 20px;
	padding-bottom: 20px;*/
	padding-right: 0;
	padding-left: 0;
	background-color: transparent;
	display: block;
	/* float:left;
    */
	/* font-weight:bold;
    */
	min-height: 70px;
	/*padding-right: 90px;*/






	/*Hamlet 20191111*/
	position: fixed;
	left: 0;
	right: 0;
	top: 100px;
	z-index: 10000;
	/*Hamlet 20191111*/
}

.contentArea .breadcrumb:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 70px;
	background-color: #1a58ab;
	z-index: -1;
}

.breadcrumb a {
	text-decoration: none;
	color: #fff;
}

.breadcrumb ul {
	padding-right: 87px;
	/* margin-left: .2em;
    */
}

.breadcrumb ul li {
	/* padding:1em 0;
    */
}

.breadcrumb ul li span,
.bodyArea .breadcrumb span {
	color: #fff !important;
	padding: 0 10px;
	margin: 0;
	/*color:#f00;
     font-weight:bold;
    */
}

.indexVersion .breadcrumb {
	display: none;
}

.extIndex .breadcrumb {
	display: none;
}

.qrcode {
	position: relative;
	margin-right: 10px;
}

.qrcode>a {
	position: absolute;
	top: -50px;
	right: 0;
	display: inline-block;
}

.bookmarkBtn {
	position: relative;
	margin-right: 10px;
}

.bookmarkBtn>a {
	position: absolute;
	top: -40px;
	/*right: 45px;*/
	right: 0;
	display: inline-block;
}

.bookmarkBtn img {
	height: 30px;
}

@media (max-width:767px) {
	.listStyleInline {
		font-size: 16px;
	}

	.contentArea .breadcrumb {
		min-height: 46px !important;
	}

}

@media screen and (max-width: 575px) {
	.listStyleInline {
		font-size: 14px;
	}

	.breadcrumb>div>span {
		font-size: 14px;
	}

	.breadcrumb>div>a>img {
		width: 15px;
		height: 15px;
		margin-top: 5px;
	}

	.contentArea .breadcrumb {
		min-height: 46px !important;
	}

	.toolbar {
		height: 30px;
	}

	.bookmarkBtn {
		/*top: -13px;*/
	}

	.qrcode {
		top: -13px;
	}

	.bookmarkBtn>a>img {
		height: 24px;
	}

	.qrcode>a>img {
		height: 24px;

	}


	body #wrap .toolbar {
		padding-right: 0%
	}
}

.listStyleInline {
	display: inline;
	padding: 0;
}

.listStyleInline li,
.listStyleInline li>*,
.listStyleInline li>a {
	margin: 0 1px;
	padding: 0;
	float: none;
	display: inline-block;
	white-space: inherit;
}


/*=============Header============*/

.mainHeader {
	/*margin: 4px 10px 10px 10px;
    */
	/*position: relative;
    /*padding-top: 70px;
     min-height: 302px;
    */
	background-repeat: no-repeat;
	background-position: right bottom;
	max-height: 215px;
}

.mainHeader:before {
	content: " ";
	position: absolute;
	left: 0;
	right: 0;
	height: 215px;
	background-image: url('../images/bg_header.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
	z-index: 3100;
}

.mainHeader h1 {
	/* background-image: url('../images/banner_sec1_v2.png');
    */
	background-repeat: no-repeat;
	background-position: right bottom;
}

.mainHeader.section0 h1 {
	/* background-image: url('../images/banner_sec1_v2.png');
    */
}

.mainHeader.section1 h1 {
	/* background-image: url('../images/banner_sec1_v2.png');
    */
}

.mainHeader.section2 h1 {
	/*background-image: none;
     padding:43px 0;
    */
	/* background-image: url('../images/banner_sec2_v2.png');
    */
}


/*.mainHeader.section2:before{
     height:121px;
     background-image:url('../images/bg_header2.jpg');
}
 .mainHeader.section3 h1{
     background-image: url('../images/banner_sec3_v2.png');
}
 .mainHeader.section4 h1{
     background-image: url('../images/banner_sec4_v2.png');
}
 .mainHeader.section5 h1{
     background-image: url('../images/banner_sec5_v2.png');
}
 .mainHeader.section6 h1{
     background-image: url('../images/banner_sec6_v2.png');
}
 .mainHeader.section7 h1{
     background-image: url('../images/banner_sec7_v2.png');
}
 .mainHeader.section8 h1{
     background-image: url('../images/banner_sec8_v2.png');
}
 .mainHeader.section9 h1{
     background-image: url('../images/banner_sec9_v2.png');
   
						
									  
}
*/

.mainHeader.section1 h1 {
	/* text-shadow: 2px 2px 4px #125611;
    */
}

.mainHeader h1 {
	text-align: left;
	margin: 0px;
	font-weight: bold;
	padding: 90px 0;
	color: #504098;
	margin-top: 0;
	position: relative;
	z-index: 3500;
}

.mainContent .mainHeader h1 {
	/*position:relative;
    */
	margin-bottom: 0;
	width: 100%;
	margin: 0;
	padding-right: 80px;
}

.mainHeader hr {
	border-bottom: #203682 1px solid;
	border-top: 0;
	margin: 0;
	padding: 0;
}

.printTool {
	margin-top: 1em;
	display: inline-block;
	text-align: right;
	/*margin: 0 10px 0 10px;
    */
	float: right;
	/*position: absolute;
     right: 0;
     bottom: 10px;
    */
}

.printTool a {
	color: #F00;
}

.mainContent h2 {
	color: #073e7f;
	font-size: 1.4em;
	font-weight: bold;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 12px;
	/* margin-left:10px;
    */
	margin-bottom: 5px;
	/*border-bottom: 4px solid #50b99b;
    */
}

.mainContent h2.h2_2 {
	border-bottom: 4px solid #50b99b;
}

.mainContent h2.h2_2 a {
	text-decoration: none;
	color: #073e7f !important;
}

.mainContent h2.h2_2 a:hover {
	text-decoration: underline;
}

.mainContent h2.alter {
	color: #166867
}


/*=========mainContent=============*/

.contentArea {
	padding: 0;
}

.mainContent {
	margin: 0px 0px;
	/*padding-top:10px;
    */
}

.bodyArea {
	z-index: 3000;
	background-color: #ebf3f6;
	position: relative;
	width: 100%;
	/* background-color:#f4f4f4;
    */
}

.contentVersion .bodyArea .contentArea>* {
	font-size: 1.2em;
}

.contentVersion .bodyArea .contentArea>.mainContent {
	font-size: 1em;
}

.indexVersion .bodyArea {
	background-color: transparent;
	font-size: 1em;
}

.bodyArea .container {
	z-index: 3000;
	display: block;
	height: auto;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
}


/*.bodyArea>div {
 
     background-color: #efeee7;
     background-image: url(../images/shadow.png);
     background-repeat: repeat-y;
     background-position: 185px 0;
     position: relative;
}
 */

.table_photo tr td {
	padding: 15px 15px;
	font-size: 1em;
	line-height: 1.5em;
	border: 1px solid #eceeee;
}

.table_student {
	border-width: 5px;
	border-color: grey;
	border-style: dotted;
	font-size: 1em;
	line-height: 1.5em;
}

.table_header {
	border: 1px none #6a7499;
	border-collapse: collapse;
	padding: 10px 15px;
	background-color: #622a8b;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-size: 1em
}

.table_header_2 {
	border: 1px none #6a7499;
	border-collapse: collapse;
	padding: 10px 15px;
	background-color: #32a1bd;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	font-size: 1em
}

.cap_text {
	font-size: 0.9em;
}

.titleBlue {
	color: #203682;
	font-size: 1.6em;
	font-weight: bold;
	border-bottom: #203682 1px solid;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

.rightBtn {
	float: right;
	z-index: 7500;
	position: relative;
	padding-bottom: 5px;
}

.blueBtn img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	/*background-color:#7c9fc7;
    */
}

.blueBtnOn img {
	opacity: 1;
	filter: alpha(opacity=100);
	/*background-color:#006cae;
    */
}

.indexContent,
.whatIsNew,
.eventCalender {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.indexContent {
	width: 38%;
}

.whatIsNew,
.eventCalender {
	width: 405px;
	/*margin-left:2%;
    */
}

.whatIsNew ul {
	margin: 0;
	padding: 0;
	color: #006ab6;
}

.whatIsNew ul>li {
	margin: 25px 0;
}

.whatIsNew ul .newsDate {
	color: #3e5259;
}

.eventCalender .event_tit {
	font-weight: bold;
	color: #3e5259;
}

.eventCalender .event_tit.holiday {
	color: #f00;
}

.eventCalender ul {
	margin: 0;
	padding: 0;
	margin-left: 15px;
	color: #006ab6;
}

.eventCalender ul>li {
	margin: 5px 0;
}

.eventCalender .eventList>div {
	padding: 10px;
}

.eventCalender .bgColorZe {
	background-color: #edf1f4;
}


/*==============================*/

.headerArea {
	position: relative;
	z-index: 7000;
	/*height:350px;
    */
	height: 105px;
	border-top-width: 0;
	border-top-style: solid;
	border-top-color: #072465;
}

.headerArea:before {
	/*content:"";
    */
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 350px;
	background-color: transparent;
	background-image: linear-gradient(rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 0) 70%);
	z-index: -1;
	-webkit-transition: height 0.3s ease-in-out, background-color 0.15s ease-in-out;
	-moz-transition: height 0.3s ease-in-out, background-color 0.15s ease-in-out;
	-ms-transition: height 0.3s ease-in-out, background-color 0.15s ease-in-out;
	-o-transition: height 0.3s ease-in-out, background-color 0.15s ease-in-out;
	transition: height 0.3s ease-in-out, background-color 0.15s ease-in-out;
}

.headerArea:after {
	/*content:"";
    */
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(../images/bg_header.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	z-index: -2;
}

.headerArea .headerTool {
	position: fixed;
	/* width: 1280px;
     max-width: 100%;
    */
	width: 100%;
	transform: translateX(-50%);
	left: 50%;
	background-color: #ffffff;
}

.headerArea .headerTool .headerNav {
	max-width: 1280px;
	margin: auto;
	padding: 0 40px;
}

.headerArea.fixed:before {
	/*content: "";
     position: fixed;
     height: 105px;
     background-color: rgba(255,255,255,1);
  
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -ms-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
    */
}

.indexVersion .headerArea {
	height: auto;
}

.indexVersion .headerArea:before,
.indexVersion .headerArea.fixed:before,
.indexVersion .headerArea:after {
	display: none;
}

body.indexVersion .headerArea .headerTool {
	position: static;
	width: auto;
	left: auto;
	transform: none;
	background-color: transparent;
}

.indexVersion .headerArea .headerTool .headerNav {
	max-width: none;
}

.headerArea.fixed .myLogo {
	margin-top: -16px;
}

.headerArea .myLogo .logo_0>a>img {
	padding-left: 0;
}

.headerArea.fixed .myLogo .logo_0>a>img {
	max-width: 100%;
	max-height: 64px;
	width: auto;
	height: auto;
	padding: 12px;
	padding-left: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.headerArea.fixed .headerTop {
	min-height: 35px;
}

.headerArea .clientTool .more {
	display: none;
}

.headerArea.fixed .clientTool .more {
	display: inline-block;
}

.headerArea .myheaderTool>div.clientTool .mobSearch,
.headerArea.fixed .clientTool>br,
.headerArea.fixed .headerTool .clientTool .searchTool {
	display: none;
}

.headerArea.fixed .myheaderTool>div.clientTool .mobSearch {
	display: inline-block;
}

.headerArea.fixed .myheaderTool>div.clientTool .mobSearch img,
.headerArea.fixed .myheaderTool>div.clientTool .print img,
.headerArea.fixed .myheaderTool>div.clientTool .share img {
	height: 20px;
	padding: 0;
}

.headerArea.fixed .headerTool .clientTool .searchTool {
	position: absolute;
	top: 100%;
	margin: 0;
	background-color: #fff;
	left: 0;
	right: 0;
}

.headerArea.fixed .searchTool form {
	float: none;
	text-align: center;
	padding: 0;
	background-color: #fff;
	-webkit-transition: background-color 0.3s ease-in-out, padding 0.3s ease;
	-moz-transition: background-color 0.3s ease-in-out, padding 0.3s ease;
	-ms-transition: background-color 0.3s ease-in-out, padding 0.3s ease;
	-o-transition: background-color 0.3s ease-in-out, padding 0.3s ease;
	transition: background-color 0.3s ease-in-out, padding 0.3s ease;
}

.headerArea.fixed .headerTool .clientTool .searchTool.mobActive {
	display: block;
}

.headerArea.fixed .searchTool.mobActive form {
	background-color: #f8f8f8;
	padding: 30px 0;
}

.headerArea.fixed .headerTool .searchTool input {
	max-width: 100%;
	width: 500px;
}


/*===========AAA================*/


/*.headerArea, footerArea {
 
     font-size: .7em;
   
											

 
											
				 
}
*/

.mySize0 .headerArea,
.mySize0 .footerArea {}

.mySize0 .headerArea,
.mySize0 .footerArea {
	/* height:auto;
    */
}

.mySize1 .headerArea,
.mySize1 .footerArea {
	font-size: 1em;
}

.mySize2 .headerArea,
.mySize2 .footerArea {
	font-size: 1em;
}


/*.mySize0 .mainContent {
 
 
     font-size: .7em;
   
  
					
 
				   
}

 .mySize1 .mainContent {
     font-size: 1.1em;
					 
}
 .mySize2 .mainContent {
 
     font-size: 1.5em;
}
*/







/* .mySize0 #flexslider {
 
     margin-bottom:1em;
}
 .mySize1 #flexslider {
 
     margin-bottom:3.5em;
}
 .mySize2 #flexslider {
 
     margin-bottom:5.5em;
}
 */


/*==========footerBanner==========*/

.footerBanner {
	/*float:left;
    /*margin:-20px 0 0 0;
    */
	text-align: left;
	margin: auto;
	/*padding-bottom: 50px;
     padding-top: 10px;
    */
	padding: 10px 0 50px 0;
	float: left;
}

.footerBanner li {
	display: inline;
	margin: 0 5px;
}

.footerBanner li img {
	height: 51px;
}


/*============================*/


/* ================================================================================================= Right Scrolling Module with Pagnation ================================================================================================= */




/* * simplyScroll 1.0.3 - a scroll-tastic jQuery plugin * * http://logicbox.net/jquery/simplyscroll * http://logicbox.net/blog/simplyscroll-jquery-plugin * http://plugins.jquery.com/project/simplyScroll * * Copyright (c) 2009 Will Kelly - http://logicbox.net * * Dual licensed under the MIT (MIT-LICENSE.txt) * and GPL (GPL-LICENSE.txt) licenses. * * Last revised: 03/07/2009 21:13 * */















.simply-scroll-container {
	/* Container DIV - automatically generated */
	position: relative;
}

.simply-scroll-clip {
	/* Clip DIV - automatically generated */
	position: relative;
	overflow: hidden;
	z-index: 2;
}

.simply-scroll-list {
	/* UL/OL/DIV - the element that simplyScroll is inited on */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.simply-scroll-list li {
	padding: 8px 0px 0px;
	margin: 0;
	list-style: none;
}

.simply-scroll-list li img {
	border: none;
	display: block;
}

.simply-scroll-btn {
	position: absolute;
	width: 42px;
	height: 44px;
	z-index: 3;
	cursor: pointer;
}

.simply-scroll-btn-left {
	left: 6px;
	bottom: 6px;
	background-position: 0 -44px;
}

.simply-scroll-btn-left.disabled {
	background-position: 0 0 !important;
}

.simply-scroll-btn-left:hover {
	background-position: 0 -88px;
}

.simply-scroll-btn-right {
	right: 6px;
	bottom: 6px;
	background-position: 84px -44px;
}

.simply-scroll-btn-right.disabled {
	background-position: 84px 0 !important;
}

.simply-scroll-btn-right:hover {
	background-position: 84px -88px;
}

.simply-scroll-btn-up {
	right: 6px;
	top: 6px;
	background-position: -126px -44px;
}

.simply-scroll-btn-up.disabled {
	background-position: -126px 0 !important;
}

.simply-scroll-btn-up:hover {
	background-position: -126px -88px;
}

.simply-scroll-btn-down {
	right: 6px;
	bottom: 6px;
	background-position: -42px -44px;
}

.simply-scroll-btn-down.disabled {
	background-position: -42px 0 !important;
}

.simply-scroll-btn-down:hover {
	background-position: -42px -88px;
}


/* Custom class modifications - override classees .simply-scroll is default */





.simply-scroll {
	/* Customisable base class for style override DIV */
	width: 100%;
	/*width: 580px;
    */
	height: 480px;
	margin-bottom: 1em;
}

.simply-scroll .simply-scroll-clip {
	width: 580px;
	height: 480px;
	border-top: #a2adc1 1px solid;
}

.simply-scroll .simply-scroll-list {}

.simply-scroll .simply-scroll-list li {
	float: left;
	width: 550px;
	height: 160px;
}

.simply-scroll .simply-scroll-list li img {}

.simply-scroll .simply-scroll-btn {}

.simply-scroll .simply-scroll-btn-left {}

.simply-scroll .simply-scroll-btn-left.disabled {}

.simply-scroll .simply-scroll-btn-left:hover {}

.simply-scroll .simply-scroll-btn-right {}

.simply-scroll .simply-scroll-btn-right.disabled {}

.simply-scroll .simply-scroll-btn-right:hover {}

.simply-scroll .simply-scroll-btn-up {}

.simply-scroll .simply-scroll-btn-up.disabled {}

.simply-scroll .simply-scroll-btn-up:hover {}

.simply-scroll .simply-scroll-btn-down {}

.simply-scroll .simply-scroll-btn-down.disabled {}

.simply-scroll .simply-scroll-btn-down:hover {}


/* Vertical scroller example */

.vert {
	/* wider than clip to position buttons to side */
	width: 340px;
	height: 400px;
	margin-bottom: 1.5em;
}

.vert .simply-scroll-clip {
	width: 290px;
	height: 400px;
}

.vert .simply-scroll-list {}

.vert .simply-scroll-list li {
	width: 290px;
	height: 200px;
}

.vert .simply-scroll-list li img {}

.vert .simply-scroll-btn {}

.vert .simply-scroll-btn-up {
	/* modified btn pos */
	right: 0;
	top: 0;
}

.vert .simply-scroll-btn-up.disabled {}

.vert .simply-scroll-btn-up:hover {}

.vert .simply-scroll-btn-down {
	/* modified btn pos */
	right: 0;
	top: 52px;
}

.vert .simply-scroll-btn-down.disabled {}

.vert .simply-scroll-btn-down:hover {}


/* NOTE left-right classes wouldn't be needed on vertical scroller */

.simply-scroll .simply-scroll-list .newsList>li {
	height: inherit;
	margin: 0;
	padding: 0;
	/*border-bottom:1px solid #bdcfe3;
    /*list-style-type:disc;
    */
	width: inherit;
}

.simply-scroll .simply-scroll-list .newsList>li>div {
	padding: 10px 45px;
}


/*=======================================================================*/


/*========================================Clf Style===============================================*/

.leftClfArea {
	float: left;
	font-size: 1.4em;
	/*padding-left: 10px;
    */
}

.rightClfArea {
	float: right;
}

.books_top_box {
	border-bottom: 1px;
	text-align: center;
	border-left: 1px;
	width: 20px;
	height: 180px;
	border-top: 1px;
	border-right: 1px;
	background-color: #f4f4f4;
}

.books_bottom_box {
	width: 250px;
	background-color: #fcf0e2;
	text-align: center;
	height: 100px;
	vertical-align: middle;
}

.issue {
	float: left;
	margin: 5px;
	padding: 10px;
	width: 350px;
	height: 185px;
	border: 1px solid black;
}

.issue_title {
	color: #FFFFFF;
	font-size: 1.6em;
	background-color: #dc3431;
	padding: 5px 5px 5px 5px;
	width: 100px;
	margin-top: -12px;
	text-align: center;
}

.mailTool {
	width: 102px;
	height: 55px;
	background-repeat: no-repeat;
	font-weight: bold;
	text-align: center;
}

.headerArea .headerTool .mailTool a {
	color: #fff;
	width: 50px;
	display: block;
	margin: 3px auto;
	line-height: 1.5em;
}

div.flexslider {
	/*margin-top:-60px;
     margin-bottom:-50px;
    */
}

.indexContent {
	position: relative;
	z-index: 8000;
	width: 940px;
	margin: 0 15px;
	padding: 10px 0;
}

.indexContent>div {
	display: inline-block;
}

.colorSort {
	width: 180px;
	padding: 0 10px;
}

.colorSort>div {
	background-color: #efefef;
	padding: 10px 50px 20px 10px;
	margin-bottom: 1px;
}

.colorSort .cerise {
	border-left: 5px solid #DA3287;
}

.colorSort .lochmara {
	border-left: 5px solid #007EC7;
}

.colorSort .hippieGreen {
	border-left: 5px solid #53824B;
}

.colorSort .lavenderIndigo {
	border-left: 5px solid #9457EB;
}

.newsArea {
	width: 375px;
	padding: 0 10px;
}

.newsArea .newsTopic {
	color: #ab264c;
	font-weight: bold;
	font-size: 1.2em;
	padding-top: 10px;
}

.newsArea .newsDate {
	color: #3e5259;
	font-weight: bold;
}

.newsArea .newsTitle,
.newsArea .newsTitle a {
	color: #4f3e71;
}

.newsContent {
	overflow-y: auto;
	max-height: 215px;
}

.newsContent>div {
	margin-top: 20px;
}

.header2 {
	display: none;
}


/*=================================*/

.mainContent .full {
	padding: 0;
}

.index_row {
	margin-bottom: 50px;
}

.mainContent .main_left {
	width: 770px;
	float: right;
	max-width: 100%;
}

.mainContent .sub_right {
	margin-left: 10px;
	width: 250px;
	float: left;
	position: relative;
}

.simple_tab {
	display: inline-block;
	font-weight: bold;
	height: 34px;
	padding: 10px 40px 10px 20px;
	position: relative;
	margin-top: 5px;
	margin-bottom: 15px;
	background-color: #e8c8bb;
	background-repeat: no-repeat;
	background-position: center right;
}

.simple_tab:after {
	content: " ";
	position: absolute;
	width: 17px;
	height: 34px;
	background-repeat: no-repeat;
	left: 100%;
	top: 0;
}


/*==============================*/

#cloud {
	width: 380px;
	height: 280px;
}

#cloud>div {
	margin-right: 5px;
	margin-bottom: 5px;
	display: inline-block;
}

#cloud a {
	display: block;
	padding: 8px 25px;
	color: #fff;
	background-color: #c4c4c4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
}


/*==============================*/

.mybox_login {
	width: 405px;
	margin: auto;
	padding: 15px;
}

.mybox_login>div {
	width: 375px;
	border: 1px solid #c3c3c3;
	box-shadow: 7px 7px 0px #cdc7bb;
}

.mybox_login .title {
	background-color: #1d1d1d;
	color: #fff;
	padding: 12px 20px;
}

.mybox_login .title:before {
	/* content: " ";
     position: relative;
     display: inline-block;
     width: 27px;
     height: 25px;
     margin-right: 10px;
     background-image: url(../images/user_login.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     vertical-align: bottom;
    */
}

.mybox_login .input {
	position: relative;
	padding: 15px 30px;
	padding-bottom: 0;
}

.mybox_login .input>div {
	position: relative;
	margin: 15px 0;
}

.mybox_login input {
	padding: 12px;
	background-color: #f2f2f2;
	width: 100%;
	border: 0;
}

.mybox_login .input label {
	visibility: inherit;
}

.mybox_login .input>div.active label {
	visibility: hidden;
}

.mybox_login label {
	color: #bbb;
	left: 15px;
	overflow: hidden;
	position: absolute;
	text-align: initial;
	text-overflow: ellipsis;
	visibility: hidden;
	white-space: nowrap;
	top: 50%;
	margin-top: -.5em;
}

.mybox_login .button {
	position: relative;
	padding: 0 30px 15px 30px;
}

.mybox_login button {
	padding: 12px;
	margin: 0;
	color: #dddddd;
	background-color: #595959;
	width: 100%;
	display: block;
	border: 0;
}

.mybox_login .tool {
	padding: 0 30px 15px 30px;
}

.mybox_login .tool a {
	color: #ff6225 !important;
}

.notice {
	margin: 50px 180px;
	padding: 20px 25px;
	background-color: #e4e4e4;
	font-size: .8em;
}

.box_area {
	position: relative;
}

.alerts_area {
	float: left;
	width: 355px;
	height: 375px;
	border: 1px solid rgba(0, 0, 0, .3);
}

.alerts_area .tab {
	display: inline-block;
	font-weight: bold;
	height: 34px;
	padding: 10px 40px 10px 20px;
	position: relative;
	margin-top: -18px;
	margin-left: -1px;
	background-color: #e8c8bb;
	background-repeat: no-repeat;
	background-position: center right;
}

.alerts_area .tab:after {
	content: " ";
	position: absolute;
	width: 17px;
	height: 34px;
	background-repeat: no-repeat;
	left: 100%;
	top: 0;
}

.alerts_list {
	padding: 5px 15px;
	height: 320px;
	overflow: hidden;
}

.alerts_list>div {
	margin-bottom: 5px;
}

.alerts_list .title {
	font-weight: bold;
	margin-bottom: 10px;
}

.alerts_list .cont {
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
}

.alerts_list .cont img {
	width: 49%;
}

.alerts_list .cont>span {
	display: inline-block;
	width: 50%;
	padding-left: 12px;
	line-height: 1.4em;
	vertical-align: top;
}

.dashboard_area {
	float: left;
	width: 938px;
	height: 375px;
	margin-left: 15px;
	border: 1px solid rgba(0, 0, 0, .3);
	max-width: 100%;
}

.dashboard_area .tab {
	display: inline-block;
	font-weight: bold;
	height: 34px;
	padding: 10px 40px 10px 20px;
	position: relative;
	margin-top: -18px;
	margin-left: -1px;
	background-color: #e8c8bb;
	background-repeat: no-repeat;
	background-position: center right;
}

.dashboard_area .tab:after {
	content: " ";
	position: absolute;
	width: 17px;
	height: 34px;
	background-repeat: no-repeat;
	left: 100%;
	top: 0;
}

.dashboard_area .dashboard {
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.digest_corner_area {
	padding-bottom: 50px;
}

.digest_corner_area a {
	color: #ff611a !important;
	font-weight: normal !important;
}

.digest_corner_area .tab {
	display: inline-block;
	font-weight: bold;
	height: 34px;
	padding: 10px 120px 10px 20px;
	z-index: 8000;
	position: absolute;
	margin-top: -18px;
	margin-left: -1px;
	background-color: #dbd8c5;
	background-repeat: no-repeat;
	background-position: center right;
}

.digest_corner_area .tab:after {
	content: " ";
	position: absolute;
	width: 17px;
	height: 34px;
	background-repeat: no-repeat;
	left: 100%;
	top: 0;
}

.digest_corner_area .digest_corner>div {
	float: left;
	width: 422px;
	margin-left: 21px;
}

.digest_corner_area .digest_corner>div.fst-chd {
	margin-left: 0;
}

.digest_corner_area .cover {
	position: relative;
}

.digest_corner_area .cover_img {
	z-index: 3000;
}

.digest_corner_area .cover_title {
	z-index: 6000;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	background-color: rgba(0, 0, 0, .5);
	padding: 20px 10px;
	height: 45%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.digest_corner_area .date {
	padding: 8px 4px;
	color: #383737;
	border: 1px solid #e6e6e6;
	border-top: 0;
	font-weight: normal;
}

.digest_corner_area .cont_area {
	padding: 12px 8px;
	border: 1px solid #e6e6e6;
	border-top: 0;
}

.digest_corner_area .cont {
	margin-bottom: 10px;
}

.digest_corner_area .comment img {
	width: 25px;
}

.digest_corner_area .category {
	font-weight: bold;
	padding: 6px 8px;
	border: 1px solid #e6e6e6;
	border-top: 0;
}

.digest_corner_area .tag {
	font-weight: bold;
	padding: 6px 8px;
	border: 1px solid #e6e6e6;
	border-top: 0;
}

.more {
	/*text-align: right;
     padding: 2px 15px;
     position: absolute;
     right: 0;
     bottom: 12px;
    /**/
}

.blog_items .more {
	text-align: right;
	padding: 2px 15px;
	position: relative;
	right: 0;
	bottom: 12px;
	/**/
}

.more a {
	/* color: #6e6e6e !important;
    */
}

.more:before {
	/* content: " ";
     position: relative;
     width: 20px;
     height: 20px;
     background-image: url(../images/more_btn.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     display: inline-block;
     vertical-align: bottom;
     margin-right: 5px;
    */
}


/*============*/

.paging_area {
	width: 700px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgba(204, 204, 204, 0.3);
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-left: 15px;
}

.paging_area table td p {
	text-align: left;
}

.page_select {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

.page_select>div {
	display: inline-block;
	margin-right: 10px;
}

.page_select select {
	height: 2.5em;
	padding: 0 20px 0 5px;
}

.page_select .searchBar {
	position: relative;
}

.page_select .searchBar input {
	height: 2.5em;
	padding: 0 20px 0 25px;
	margin-right: 5px;
}

.page_select .searchBar:before {
	content: " ";
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 50%;
	margin-top: -.6em;
	left: 7px;
}

.page_select button {
	border: 0;
	background-color: #535353;
	color: #fff;
	padding: 0 15px;
	height: 32px;
	border-radius: 3px;
}

.page_control {
	text-align: center;
	margin: 20px;
	font-size: 1.4em;
}

.page_control ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.page_control ul>li {
	display: inline-block;
	float: none;
	display: inline;
	margin: 0;
	padding: 5px;
}

.page_control input {
	text-align: center;
}

.page_control .total_page {
	color: #ff0000;
}

.paging_area .page {
	height: 475px;
	overflow: auto;
	border-bottom: 1px solid #ddd;
}

.paging_area .page ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.paging_area .page ul>li {
	padding: 10px 0;
	position: relative;
}

.paging_area .page ul .date {
	position: absolute;
	width: 100px;
	font-weight: normal;
}

.paging_area .page ul .cont {
	padding-left: 120px;
	width: 80%
}

.paging_area .page ul .cont a {
	color: #1d4e76;
}

.paging_area .page ul#cyber_threat_map .date {
	position: absolute;
	width: 30px;
	font-weight: normal;
}

.paging_area .page #cyber_threat_map .cont {
	padding-left: 30px;
	padding-right: 0px;
	width: 60%;
	display: inline-block
}

.paging_area .page ul#cyber_threat_map .cont a {
	color: #1d4e76;
}

.paging_area .page ul#cyber_threat_map .description {
	padding-left: 30px;
	padding-right: 0px;
	position: relative;
	clear: both;
	display: inline-block
}

.system_select {
	width: 90%;
	background-color: #f0f0f0;
	margin-top: 5px;
}

.last_bottom {
	float: right;
	margin-top: -3em;
}

.alerts .detail {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}

.alerts .detail .left {
	float: left;
	max-width: 50%;
}

.alerts .detail .right {
	float: right;
	max-width: 50%;
}

.alerts .detail .left>div,
.alerts .detail .right>div {
	margin-bottom: 10px;
}

.alerts .detail .tlp_green span {
	color: #1eff00;
	padding: 2px 5px;
	background-color: #000;
}

.alerts .detail .tag span {
	color: #ff611a;
}

.alerts .cont {
	margin-top: 0px;
}

.alerts .cont a {
	text-decoration: underline;
	color: #045ea3;
}

.alerts .cont a:hover {
	color: #be4a03;
	text-decoration: underline;
}

.alerts .cont>p {
	margin-left: 0;
	text-align: justify;
	line-height: 22px;
	margin-right: 7px !important;
	padding-right: 7px !important;
}

.alerts .action {
	color: #1d4e76;
}

.blog .detail .right {
	float: right;
	max-width: 50%;
}

.blog .detail .left {
	float: left;
	max-width: 50%;
}

.paging_area.discussion {
	padding-bottom: 0;
}

.discussion .header {
	background-color: #dedede;
	margin: -25px -15px 0 -15px;
	padding: 25px 15px;
	font-size: 1.2em;
	font-weight: bold;
}

.discussion>div>div>div.my_div0 {
	text-align: left;
}

.discussion>div>div>div {
	text-align: center;
}

.discussion .my_div0 {
	width: 60%;
	float: left;
}

.discussion .my_div1 {
	width: 28%;
	float: left;
}

.discussion .my_div2 {
	width: 12%;
	float: left;
}

.discussion .content {
	margin: 0 -15px;
}

.discussion .content>div {
	padding: 0 15px;
}

.discussion .content>div:hover {
	background-color: #eee;
}

.discussion .content>div>div {
	padding: 12px 0;
}

.discussion .content>div>div.clearBoth {
	padding: 0;
}

.discussion .title {
	color: #a71c00;
	font-weight: bold;
	margin-bottom: 10px;
}

.discussion .title a {
	color: #a71c00 !important;
}

h2 .red {
	background-color: #000;
	color: #f00;
}

h2 .h2Img {
	width: 40px;
}

.discussion_group {
	position: relative;
}

.discussion_group .green {
	color: #89bb2b;
	font-weight: bold;
	margin-bottom: 5px;
}

.discussion_group .create_detail {
	min-height: 140px;
	margin-bottom: 20px;
}

.discussion_group .header {
	box-shadow: 0 0 30px #ddd;
	margin: -22px -12px 30px -12px;
	padding: 22px 12px;
	position: relative;
}

.discussion_group .header .user {
	float: left;
	margin-right: 10px;
}

.discussion_group .header .title {
	float: left;
	font-weight: bold;
	margin-right: 50px;
}

.discussion_group .header .user_toggle {
	position: absolute;
	top: 12px;
	right: 22px;
}

.discussion_group .header .user_toggle button {
	border: 0;
	font-size: 1.4em;
	padding: 2px 8px;
}

.discussion_group .content .user {
	float: left;
	max-width: 95px;
}

.discussion_group .user .icon {
	margin-bottom: 5px;
}

.discussion_group .new_post {
	padding-left: 125px;
}

.discussion_group .user .name {
	color: #345304;
	text-align: center;
	margin-bottom: 5px;
	word-break: break-all;
}

.discussion_group .user .position {
	color: #2b597f;
	text-align: center;
	margin-bottom: 5px;
}

.discussion_group .input {
	margin-bottom: 10px;
}

.discussion_group .input input {
	padding: 5px;
	width: 100%;
}

.discussion_group .post {
	float: right;
}

.create_post .arrow {
	width: 15px;
	margin-left: 5px;
}

.discussion_group .post_area .sort {
	padding: 8px;
	background-color: #f5f5f5;
	margin-bottom: 10px;
}

.discussion_group .post_area .sort select {
	border: 0;
	background-color: transparent;
}

.discussion_group .post_area .sort>div {
	float: left;
	margin-right: 10px
}

.discussion_group .post_area .sort>div.reply {
	float: none;
	text-align: right;
}

.discussion_group .post_area .post_data {
	min-height: 140px;
	margin-bottom: 20px;
}

.discussion_group .post_area .post_data>div {
	position: relative;
	padding-bottom: 40px;
}

.discussion_group .post_area .post_data>div.toggle {
	position: relative;
	background-color: #e8e8e8;
	margin: 0 -12px;
	padding: 0 12px 30px 12px;
}

.discussion_group .post_area .post_detail {
	padding-left: 125px;
}

.discussion_group .post_area .post_detail .title,
.discussion_group .post_area .post_detail .title a {
	color: #a71c00;
	font-weight: bold;
	margin-bottom: 5px;
}

.discussion_group .post_area .post_detail .create_by {
	margin-bottom: 30px;
}

.discussion_group .post_area .post_detail .create_by:before {
	content: " ";
	display: inline-block;
	position: relative;
	width: 1em;
	height: 1em;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	vertical-align: top;
}

.discussion_group .post_area .post_detail .cont {
	margin-bottom: 10px;
}

.discussion_group .post_area .post_data .post_reply {
	position: absolute;
	right: 10px;
	top: 5px;
}

.discussion_group .post_area .post_data .post_reply:before {
	content: " ";
	background-repeat: no-repeat;
	width: 34px;
	height: 26px;
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin-right: 10px;
}

.discussion_group .content .high_header {
	background-color: #dedede;
	margin: 0 -12px;
	padding: 12px 12px;
	font-weight: bold;
	font-size: 1.4em;
}

.discussion_group .content .date {
	background-color: #f8f8f8;
	margin: 0 -12px;
	padding: 12px 12px;
	font-weight: normal;
}

.discussion_group .content .data {
	padding-top: 10px;
}

.discussion_group .topic {
	margin-bottom: 47px;
	font-size: 1.4em;
}

.discussion_group_topic .post_area .post_detail {
	padding-left: 20%;
	width: 60%;
}

.discussion_group_topic .post_area .idno {
	position: absolute;
	top: 10px;
	left: 80%;
}

.top_remarks {
	width: 100%;
	height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}


/*blog*/

.blog_items img {
	padding-right: 16px;
}

.comment:after,
{
background-repeat: no-repeat;
}


/*TLP*/

strong.tlp-red,
span.tlp-red {
	color: #f03;
	background: #000;
	padding: 4px;
	height: 40px;
	display: marker;
}

strong.tlp-amber,
span.tlp-amber {
	color: #ffc000;
	background: #000;
	padding: 4px;
	height: 40px;
}

strong.tlp-green,
span.tlp-green {
	color: #3f0;
	background: #000;
	padding: 4px;
	height: 40px;
}

strong.tlp-white,
span.tlp-white {
	color: #fff;
	background: #000;
	padding: 4px;
	height: 40px;
}

.date_and_article {
	float: right;
	height: 40px;
}

table.alerts td {
	background-color: #e0e0e0;
	padding: 6px;
	margin: 6px;
}

tr.alerts_first {
	background-color: #989898;
	padding: 6px;
	margin: 6px;
	color: #FFF;
}

tr.alerts_first td {
	background-color: #989898;
	font-weight: bold;
}

#content h4 {
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #3e5259;
}


/*==================*/

.alerts_2col .alerts_header>div,
.alerts_2col .alerts_title>div {
	padding: 10px;
	float: left;
	width: 50%;
}

.alerts_2col .alerts_row>div {
	padding: 10px;
	float: left;
}

.alerts_table .alerts_header>div {
	color: #fff;
	background-color: #989898;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.alerts_2col .alerts_title {
	position: relative;
}

.alerts_2col .alerts_title:after {
	content: " ";
	position: absolute;
	right: 5px;
	top: 5px;
	width: 23px;
	height: 24px;
	background-repeat: no-repeat;
}

.alerts_2col .active>.alerts_title:after {}

.alerts_table .alerts_title>div {
	color: #3e5259;
	background-color: #e0e0e0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding-right: 30px;
}

.alerts_table .alerts_row>div {
	color: #3e5259;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}


/* .alerts_table .alerts_cont{
						   
     display:none;
}

 .alerts_table .active>.alerts_cont{
     display:block;
}
 */

.alerts_table .active>.alerts_cont {
	z-index: 1000;
	position: relative;
	height: auto;
	width: auto;
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
}

h4.panel-title {
	left: 200px;
}

h4.panel-title:first-line {
	left: 0;
}

.alerts_table .alerts_cont {
	z-index: -1;
	position: fixed;
	height: 0;
	width: 0;
	-webkit-transition: height 0.5s ease;
	-moz-transition: height 0.5s ease;
	-o-transition: height 0.5s ease;
	transition: height 0.5s ease;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
	/*s -webkit-transition: all 0.5s ease;
								   
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
    */
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
	overflow: hidden;
}


/*==================*/

#chart>div {
	width: 420px;
	height: 280px;
	margin: 30px 5px;
	float: left;
}


/*#chart>div>div{
     position:relative;
}
 #chart>div>div:after{
     content:" ";
     display: block !important;
     float: none !important;
     clear: both !important;
     width: 0 !important;
     padding: 0 !important;
     margin: 0 !important;
     border: 0 !important;
}
*/


/*==================*/

.comment_input {
	margin: 10px 0 50px 0;
}

.comment_input textarea {
	margin-bottom: 10px;
	padding: 16px;
	width: 100%;
	height: 200px;
	background-color: #f4f4f4;
}

.comment_input .button {
	text-align: right;
}

.comment_input button {
	border: 0;
	background-color: #535353;
	color: #fff;
	padding: 0 20px;
	height: 32px;
	border-radius: 3px;
}

.comment_area {
	position: relative;
	padding: 10px 0;
	border-top: 2px solid #e6e6e6;
}

.comment_area:before {
	content: " ";
	position: absolute;
	width: 60px;
	height: 2px;
	background-color: #f68c38;
	top: -2px;
	left: 0;
	display: block;
	z-index: 6000;
}

.comment_area .comment_main>div,
.comment_area .comment_sub>div {
	padding: 16px 12px;
}

.comment_area .comment_main>div {
	background-color: #f1f1f1;
	border: 3px solid #dedede;
}

.comment_area .user {
	float: left;
	max-width: 95px;
}

.comment_area .user .icon {
	margin-bottom: 5px;
}

.comment_area .user .name {
	color: #345304;
	text-align: center;
	margin-bottom: 5px;
	word-break: break-all;
}

.comment_area .user .position {
	color: #2b597f;
	text-align: center;
	margin-bottom: 5px;
}

.comment_area .comment_detail {
	padding-left: 125px;
}

.comment_area .comment_detail .cont {
	margin-bottom: 10px;
}

.comment_area .comment_detail .tool {
	margin-bottom: 10px;
}

.comment_area .comment_detail .tool>div {
	display: inline-block;
	margin-right: 20px;
}

.comment_area .comment_detail .tool>div a {
	color: #858586 !important;
}

.comment_sub {
	margin-left: 120px;
}

.comment_sub>div {
	margin: 10px 0;
}


/*==================*/

div.ms-options-wrap {
	position: relative;
	display: inline-block;
	vertical-align: initial;
	margin: 10px 10px;
	width: 600px;
}

span.ms_text {
	width: 30px;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
}

.ms-options ul li {
	margin: 0;
}


/*==================*/


/*glossary=*/

.content-block .browse-button-bar {
	margin: 0 0 10px 0;
	clear: both;
	height: 30px
}

.content-block .span12.btn-group {
	margin: 0 0 10px 0;
	display: block;
}

.content-block .span6.btn-group {
	margin: 0 0 10px 0;
	display: none;
}

.content-block .btn-group .btn {
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	text-transform: capitalize;
}

.content-block .btn-group a {
	color: #767676;
	text-decoration: none;
	padding: 4px 7px;
	line-height: 28px;
}

.content-block .btn-group .btn-primary {
	padding: 0px 7px;
	line-height: 28px;
}

.content-block .recent-terms-title {
	font-weight: 800;
	margin-bottom: 13px;
}

.btn {
	display: inline-block;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #3e535a;
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.btn:hover {
	color: #fff;
}


/*my message*/

span.my_message {
	background-repeat: no-repeat;
	padding-left: 25px;
}


/*system_specific_alerts*/

.system_type {
	padding-left: 52px;
}


/*tag*/

.tag {
	color: #EC7514;
}

.tag strong {
	color: #3e5259;
}


/*banner*/

.carousel-inner .left {
	display: none
}

.carousel-inner .right {
	display: none
}


/*banner*/

#blog .left {
	float: left;
	max-width: 50%;
}

#blog .right {
	float: right;
	max-width: 50%;
}


/*comment_tag*/

.comment_tag {
	background-repeat: no-repeat;
	height: 29px;
	width: 26px;
	display: inline-block;
	clear: left;
	vertical-align: middle;
	cursor: pointer
}


/*security_article*/

ol.security_article strong {
	left: -38px;
	position: relative;
}

ol.embrace li {
	list-style-type: lower-roman;
}

ul.ref li {
	list-style-type: lower-alpha;
}


/*request*/

.request {
	background-repeat: no-repeat;
	height: 29px;
	width: 30px;
	display: inline-block;
	clear: left;
	vertical-align: middle;
	cursor: pointer
}


/*reply*/

.reply {
	background-repeat: no-repeat;
	height: 29px;
	width: 26px;
	display: inline-block;
	clear: left;
	vertical-align: middle;
	cursor: pointer;
	padding-left: 40px;
}


/*user*/

#user form {
	min-height: 160px;
}

table#user button {
	border: 0;
	background-color: #535353;
	color: #fff;
	padding: 0 15px;
	height: 32px;
	border-radius: 3px;
}

.large_symbol {
	font-size: 56px;
	font-weight: bold;
	line-height: normal;
	display: inline-block;
	width: 30px;
	height: 45px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.intro_first {
	font-size: 20px;
	font-weight: bold;
	line-height: 37px;
}

.intro_first_img {
	font-size: 12px;
	display: block;
	float: right;
	margin-left: 15px;
	height: 300px;
	width: 166px;
	line-height: 18px;
}

.larry_page {
	font-size: 19px;
	display: block;
	float: right;
	margin-left: 15px;
	font-style: italic;
}

.home img {
	/* width:27px;
     height: 27px;
    */
	/* vertical-align: top;
    */

	vertical-align: text-top;
}

.mobile_view img {
	width: 27px;
	height: 27px;
}

.contentArea .subMenu ul.listStyleBlank {}

.paging_area .cont ul {
	margin-left: 15px;
}

.paging_area .cont li {
	display: list-item;
	list-style-position: outside;
	line-height: 25px;
	text-align: justify;
	margin-right: 7px !important;
	padding-right: 7px !important;
}

.paging_area .cont ul li ul {
	padding-left: 20px;
}

.paging_area th {
	background-color: #3f535a;
	color: #FFF;
	font-weight: bold;
	padding: 11px;
}

.contact_us th {
	background-color: #3f535a !important;
	color: #FFF;
	font-weight: bold;
	padding: 11px;
}

#footer .container .footerMenu ul.menuLv0 {
	/* width: 95% !important;
     margin: 0 auto!important;
    */
}

.footerMenu ul li {
	/* font-size: 13px;
    */
}

.footerMenu ul li ul {
	/* margin-right: 11px;
     padding-right: 11px;
     display:block*/
}

.footerMenu ul li ul ul {
	display: none
}

.glyphicon-chevron-right {
	background-repeat: no-repeat;
	height: 61px !important;
	width: 38px !important;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.glyphicon-chevron-left {
	background-repeat: no-repeat;
	height: 61px !important;
	width: 38px !important;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.glyphicon-chevron-right:before {
	content: none !important;
}

.glyphicon-chevron-right:before {
	content: none !important;
}

.glyphicon-chevron-left:before {
	content: none !important;
}

.glyphicon-chevron-left:before {
	content: none !important;
}

.headerMenu.subheaderMenu .tMenu li ul.menuLv1>li>a>span {
	text-align: left;
	padding-left: 0;
	/* padding-right: 44px;
    */
	padding-right: 0;
	display: block;
	word-break: break-word;
	margin-top: 0;
	padding-left: 40px;
	position: relative;
}

.headerMenu.subheaderMenu .tMenu li ul.menuLv1>li>a>span>img {
	position: absolute;
	left: 0;
	top: 0;
}

.headerMenu.subheaderMenu .tMenu li ul.menuLv1>li .caret {
	/* background-image: url(../images/nav_bullet_second_level.gif);
    */
	height: 26px;
	width: 26px;
	background-repeat: no-repeat;
	border-top-style: none !important;
	border-right-style: none !important;
	border-bottom-style: none !important;
	border-left-style: none !important;
	/* margin-left: 13px;
     padding-left: 15%;
    */
	position: absolute;
	top: 0;
	right: 13px;
	padding-right: 0;
	margin-top: 15px !important;
}

.background-white {
	border-top-width: 6px !important;
	border-top-style: solid !important;
	border-top-color: #3f535a !important;
}

.footerMenu .caret {
	display: none;
}

.future_task_force ul li {
	list-style-type: lower-alpha;
}

.future_task_force ul li ul li {
	list-style-type: lower-roman;
}

p.topic {
	padding-top: 0px;
}

.topic {
	font-weight: bold;
	font-style: italic;
}

.topic_row {
	height: 185px;
	display: block;
}

.topic_row img {
	clear: both;
	padding-right: 10px;
	padding-bottom: 10px;
	vertical-align: text-top;
	padding-top: 0px;
}

.future_task_force h3 {
	padding-bottom: 5px;
}

.topic_row h4 {
	font-size: 13px;
	font-weight: bold;
	color: #287228;
}

.cont .topic_row a::before {
	padding-top: 15px;
	padding-bottom: 15px;
}

.speaker {
	font-size: 14px;
	font-weight: bold;
}

.related_links .cont a::before {
	display: inline;
	padding-top: 5px;
}

.guideline .cont li a::before {
	display: inline;
}

.guideline .paging_area .cont li {
	list-style-type: none;
}

.guideline .paging_area .cont li li {
	list-style-type: disc;
}

.guideline .cont li li a::before {
	content: none;
	display: inline;
	padding-top: 5px;
}


/*==========*/

.roman_list {
	list-style-type: lower-roman;
}

.mainContent {
	/* position:relative;
    */
	/* padding-top:30px;
    */
}

.mainContent .left_img {
	width: 360px;
	position: absolute;
}

.mainContent .right_cont {
	padding-left: 360px;
}

.mainContent .list_anchor {
	padding-top: 25px;
	border-top: 2px solid #133c8b;
	margin-bottom: 80px;
}

.mainContent .list_anchor ul {
	padding-left: 0;
	list-style-type: none;
}

.list_anchor li {
	float: left;
	display: inline-block;
	position: relative;
	margin: 0;
}

.list_anchor li span {
	position: absolute;
	left: 0;
	top: 0;
}

.list_anchor li.fst a {
	padding-left: 0;
}

.list_anchor li.lst a {
	padding-right: 0;
}

.list_anchor li a {
	display: block;
	padding: 0 2em;
	color: #000 !important;
	text-decoration: none !important;
}

.list_anchor li.active a {
	color: #32569a !important;
}


/*====*/

.iconPdf {
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: text-bottom;
}

.system_maintenance_schedule table {
	width: 100%;
}

.system_maintenance_schedule table ul {
	padding-left: 5px;
}

.uppercase {
	text-transform: uppercase;
	font-weight: bold;
}

.AML h3 {
	padding-bottom: 10px;
}

.alerts .cont .panel .panel-title a {
	text-decoration: none !important;
	font-weight: bold !important;
}

.subMenu>li>a.leftbtn.active_sub_section {
	color: #c40843;
}

.subMenu>li a.leftbtn.active_sub_section {
	color: #c40843;
}

.panel-body h3 {
	text-align: justify;
}

.table_sub_title {
	font-weight: bold !important;
}

.alerts .cont:after {
	content: " ";
	clear: both;
	display: block;
}

body .headerArea,
body .footerArea {
	/* height:auto !important;
    */
}

.membershop_list {
	padding-left: 10px;
}

.download_pdf_remark {
	font-style: italic;
	margin-top: 30px;
}

ol ol.future_terms2 {
	list-style-type: lower-roman;
}

ol.future_terms {
	list-style-type: lower-alpha;
}

body.market4 .leftMenu .subMenu li.my_menu3>a>span {
	color: #be4a03;
	font-weight: bold;
}

body.market5 .leftMenu .subMenu li.my_menu3>a>span {
	color: #be4a03;
	font-weight: bold;
}

body.market6 .leftMenu .subMenu li.my_menu3>a>span {
	color: #be4a03;
	font-weight: bold;
}

body.market7 .leftMenu .subMenu li.my_menu3>a>span {
	color: #be4a03;
	font-weight: bold;
}

.publications_n_publicity_n_materials h3 {
	text-align: center;
	float: left;
}


/*============================*/

.tMenu.menuLv0>li>a {
	position: absolute;
}

.tMenu.menuLv0>li>a.excLi:before {
	/* content:" ";
     display:block;
     width:11px;
     height:6px;
    /* background-image:url(../images/icon_arrow.png);
     background-repeat:no-repeat;
     position:absolute;
     left:0;
     top:50%;
     margin-top:-3px;
    */
}


/*====================*/

.myitem_list {
	margin: 0 -10px;
}

.myitem_list>div {
	margin: 0 10px 25px 10px;
}

.myitem_list.tv_series_list>div {
	margin: 0;
}

.myitem_list.activities_photo>div {
	margin: 10px 0;
}


/*==========================*/

.myboard_pr {
	position: relative;
	padding: 12px 16px;
	min-height: 324px;
	color: #3f3f3f;
	border: 1px solid #cecece;
	border-radius: 5px;
	margin-bottom: 25px;
}

.myboard_pr .id {
	display: none;
	font-size: 5em;
	line-height: 1em;
	position: absolute;
	top: 30px;
	left: 30px;
}

.myboard_pr .cover {
	width: 200px;
	position: absolute;
}

.myboard_pr .cont_area {
	padding-left: 225px;
}

.myboard_pr .date {
	margin-bottom: 10px;
	color: #000;
}

.myboard_pr .title {
	font-weight: bold;
	margin-bottom: 10px;
	color: #000;
}

.myboard_pr .cont {
	margin-bottom: 10px;
	color: #000;
}

.myboard_pr .more {
	position: absolute;
	right: -1px;
	bottom: -1px;
	padding: 0;
	border-bottom: 1px solid #cecece;
	border-right: 1px solid #cecece;
}

.myboard_pr .more a {
	display: block;
	font-size: 32px;
	padding: 8px 12px;
	background-color: #a6be41;
	color: #fff !important;
	text-decoration: none !important;
}


/*==============*/

.myboard_nl {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 240px;
	margin: auto;
	padding: 12px;
	color: #3f3f3f;
	border: 1px solid #cecece;
	border-radius: 5px;
}

.myitem_list.whatsnew_list .myboard_nl {
	min-height: 300px;
}

.myitem_list.my_pdf_div.activities_photo .myboard_nl {
	max-width: 190px;
	min-height: 235px;
}

.myitem_list.my_pdf_div.tv_series_list .myboard_nl {
	max-width: 195px;
	border: none;
}

.myboard_nl .id {
	position: absolute;
	top: 12px;
	left: 12px;
	font-size: 2em;
	line-height: 1em;
}

.myboard_nl .cover {
	margin: auto;
	text-align: center;
}

.myboard_nl .date {
	float: right;
	margin-top: 10px;
	font-weight: normal;
	margin-bottom: 10px;
	font-size: .8em;
	color: #575757;
}


/*================*/

.myboard_cu {
	max-width: 800px;
	margin: auto;
	margin-bottom: 30px;
}

.myboard_cu>div {
	padding: 26px 40px;
	border-collapse: collapse;
	border: 1px solid #b1b1b1;
	border-top: 0;
}

.myboard_cu .title {
	font-size: 2em;
	font-weight: bold;
	color: #fff;
	padding: 20px;
	text-align: center;
	background-color: #07836e;
}

.chineseVersion .myboard_cu .title {
	letter-spacing: .16em;
}

.myboard_cu .left {
	text-align: left;
	position: absolute;
	width: 160px;
	padding-left: 30px;
	font-weight: bold;
}

.myboard_cu .right {
	text-align: left;
	float: none;
	padding-left: 200px;
}

.myboard_cu .left:before {
	content: " ";
	position: absolute;
	width: 23px;
	height: 25px;
	margin-left: -30px;
	background-repeat: no-repeat;
}

.myboard_cu .my_tel:before {}

.myboard_cu .my_mail:before {
	background-image: url(../images/icon_mail.png);
}

.myboard_cu .my_fax:before {}

.myboard_cu .my_loc:before {}


/*======================*/

.myboard_wn {
	display: none;
	position: relative;
	margin: auto;
	padding: 12px;
	color: #3f3f3f;
	border: 1px solid #cecece;
	border-radius: 5px;
	width: 100%;
	max-width: 280px;
	height: 320px;
	overflow: hidden;
}

.chineseVersion .myboard_wn {
	height: 300px;
}

.myboard_wn:after {
	content: " ";
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	right: 0;
	height: 10px;
	background: #fff;
	/* For browsers that do not support gradients */
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	/* Standard syntax */
}

.myboard_wn.double {
	max-width: 582px;
}

.mytab_area.mt0 .myboard_wn,
.mytab_area.mt1 .myboard_wn.mt1,
.mytab_area.mt2 .myboard_wn.mt2,
.mytab_area.mt3 .myboard_wn.mt3 {
	display: inline-block;
}

.myboard_wn .cover {
	text-align: center;
	height: 137px;
}

.myboard_wn .cover img {
	max-height: 100%;
}

.myboard_wn .type {
	float: left;
	margin-top: 10px;
	font-weight: normal;
	margin-bottom: 10px;
}

.myboard_wn .date {
	float: right;
	margin-top: 10px;
	font-weight: normal;
	margin-bottom: 10px;
}

.myboard_wn .title {
	font-weight: bold;
	font-size: 1.22em;
	line-height: 1.5em;
}

.myboard_wn .title:before {
	content: " ";
	clear: both;
	display: block;
}


/*=======================*/

.myboard_in_title {
	text-align: center;
	font-size: 2.2em;
	letter-spacing: .16em;
	margin: 30px 0;
	line-height: 1em;
}

.myboard_in_title>span {
	color: #0ba186;
	font-weight: bold;
}

.myboard_in {
	display: inline-block;
	position: relative;
	margin: auto;
	color: #3f3f3f;
	width: 100%;
	max-width: 280px;
}

.myboard_in a {
	color: #3f3f3f !important;
}

.myboard_in .item {
	position: relative;
	padding: 12px;
	border: 1px solid #cecece;
	border-radius: 5px;
	width: 100%;
	height: 300px;
	overflow: hidden;
	margin-bottom: 15px;
}

.chineseVersion .myboard_in {
	height: 300px;
}

.myboard_in:after {
	content: " ";
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	right: 0;
	height: 10px;
	background: #fff;
	/* For browsers that do not support gradients */
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	/* Standard syntax */
}

.myboard_in.double {
	max-width: 582px;
}

.myboard_in .cover {
	text-align: center;
}

.myboard_in .type {
	float: left;
	margin-top: 10px;
	font-weight: normal;
	margin-bottom: 10px;
}

.myboard_in .date {
	float: right;
	margin-top: 10px;
	font-weight: normal;
	margin-bottom: 10px;
}

.myboard_in .title {
	font-weight: bold;
	font-size: 1.22em;
	line-height: 1.5em;
}

.myboard_in .title:before {
	content: " ";
	clear: both;
	display: block;
}

.indexVersion .myitem_list {
	text-align: center;
}

.myitem_list>div.myboard_int {
	margin: 0 0 25px 0;
}

.myboard_int .topic {
	float: left;
	width: 100%;
	max-width: 25%;
	margin-bottom: 15px;
}

.myboard_int .topic a {
	display: block;
	font-style: normal;
	color: #fff !important;
	background-color: #08836e;
	padding: 20px;
	text-align: center;
	font-size: 1.4em;
	margin-left: 10px;
	margin-right: 10px;
}

.chineseVersion .myboard_in .topic {
	letter-spacing: .16em;
}


/*=======================*/

.myboard_st {
	position: relative;
	margin: auto;
	padding: 12px;
	color: #3f3f3f;
	border: 1px solid #cecece;
	border-radius: 5px;
	width: 100%;
	max-width: 280px;
	height: 320px;
	overflow: hidden;
	display: inline-block;
}

.chineseVersion .myboard_st {
	height: 300px;
}

.myboard_st:after {
	content: " ";
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	right: 0;
	height: 10px;
	background: #fff;
	/* For browsers that do not support gradients */
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	/* Standard syntax */
}

.myboard_st.full {
	max-width: 100%;
	padding: 10px 30px;
	position: relative;
	height: auto !important;
}

.myboard_st.full .leftImg {
	float: left;
	margin-right: 20px;
	width: 400px;
}

.myboard_st.full .cont {
	padding-left: 420px;
}

.myboard_st .cover {
	text-align: center;
	height: 137px;
}

.myboard_st .cover a {
	display: block;
	height: 100%;
}

.myboard_st .cover img {
	max-height: 100%;
	margin: auto;
}

.myboard_st .title {
	font-weight: bold;
	font-size: 1.22em;
	line-height: 1.5em;
	padding-top: 10px;
	padding-bottom: 10px;
}

.myboard_st .title a {
	color: #000000 !important;
}

.myboard_st .title:before {
	content: " ";
	clear: both;
	display: block;
}

.myboard_bk.full {
	max-width: 100%;
	padding: 0;
	position: relative;
	height: auto !important;
}

.myboard_bk.full .leftImg {
	float: left;
	margin-right: 20px;
	width: 400px;
}

.myboard_bk.full .cont {
	padding-left: 420px;
}


/*=======================*/

.mytab ul {
	text-align: center;
	border-bottom: 1px solid #cbcbcb;
}

.mytab li {
	display: inline-block;
	width: 24%;
	margin: 0;
	border: 0;
}

.mytab a {
	padding-bottom: 12px;
	display: inline-block;
	text-align: center;
	color: #424242;
	font-size: 1.6em;
	font-weight: bold;
	text-decoration: none !important;
	position: relative;
}

.chineseVersion .mytab a {
	letter-spacing: .16em;
}

.mytab li.active a {
	color: #08836e;
}

.mytab li.active a:after {
	content: " ";
	position: absolute;
	left: 0;
	right: 0;
	height: 10px;
	bottom: -5px;
	background-color: #08836e;
}


/*===========*/

.rightImg {
	float: right;
	width: 200px;
	margin-left: 30px;
}

.wrapper-expandable.active .box-style-wrapper {
	z-index: 1000;
	position: relative;
	height: auto;
	width: auto;
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
}

.wrapper-expandable .box-style-wrapper,
.wrapper-expandable.hide .box-style-wrapper {
	z-index: -1;
	position: fixed;
	height: 0;
	width: 0;
	-webkit-transition: height 0.5s ease;
	-moz-transition: height 0.5s ease;
	-o-transition: height 0.5s ease;
	transition: height 0.5s ease;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
	overflow: hidden;
}

.wrapper-expandable {
	overflow: hidden;
	margin-bottom: 10px;
}

.wrapper-expandable.active {
	margin-bottom: 20px;
}

.expandable-title {
	margin-bottom: 15px;
}

.expandable-title h3 {
	padding: 0;
	margin: 0;
}

.expandable-title {
	position: relative;
	color: #000000;
}

.expandable-title a {
	/*color:#404042;
    */
	text-decoration: none !important;
	padding: 12px 16px;
	padding-left: 50px;
	padding-right: 250px;
	background-color: #c5e7e6;
	color: #000000;
	display: block;
	border-radius: 4px;
	position: relative;
}

.active>.expandable-title {
	color: #fff;
}

.active>.expandable-title a {
	background-color: #1a58ab;
	color: #fff;
}

.expandable-title .mybox_right {
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.expandable-title .arrow {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	transition: transform .1s;
	position: absolute;
	left: 22px;
	top: 50%;
	width: 12px;
	height: 0;
}

.active>.expandable-title .arrow {
	left: 16px;
}

.active>.expandable-title .arrow {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.active>.expandable-title .arrow-top,
.active>.expandable-title .arrow-bottom {
	background-color: #fff;
}

.expandable-title .arrow-top,
.expandable-title .arrow-bottom {
	background-color: #666;
	height: 4px;
	left: -5px;
	position: absolute;
	top: 50%;
	width: 100%;
}

.expandable-title .arrow-top:after,
.expandable-title .arrow-bottom:after {
	background-color: #fff;
	content: '';
	height: 100%;
	position: absolute;
	top: 0;
	transition: all 0.15s;
}

.expandable-title .arrow-top {
	transform: rotate(45deg);
	transform-origin: bottom right;
}

.expandable-title .arrow-top:after {
	left: 100%;
	right: 0;
	transition-delay: 0s;
}

.expandable-title .arrow-bottom {
	transform: rotate(-45deg);
	transform-origin: top right;
}

.expandable-title .arrow-bottom:after {
	left: 0;
	right: 100%;
	transition-delay: 0.15s;
}

.expandable-title a:after {
	/* content:" ";
     position:absolute;
     right:10px;
     top:50%;
     margin-top:-10px;
     width:17px;
     height:19px;
     background-image:url('../images/icon_expansion.png');
     background-repeat:no-repeat;
    */
}

.active .expandable-title a:after {
	/* background-image:url('../images/icon_expansion_on.png');
    */
}


/*====================================*/

.my_map {
	position: relative;
}

.my_map_img {
	z-index: 3000;
}

.my_map_search {
	z-index: 4500;
	border: 5px solid #08836e;
	border-radius: 6px;
	position: absolute;
	top: 5%;
	left: 12.5%;
}

.my_map_search_title {
	color: #fff;
	background-color: #08836e;
	padding: 12px 60px;
	padding-bottom: 16px;
	text-align: center;
	font-size: 1.4em;
}

.chineseVersion .my_map_search_title {
	letter-spacing: .16em;
}

.my_map_search_cont {
	background-color: #fff;
	padding: 15px;
}

.my_map_search_select {
	margin-bottom: 10px;
}

.my_map_search_select select {
	width: 100%;
	padding: 2px;
}

.my_map_search_submit {
	width: 120px;
	max-width: 100%;
	display: block;
	position: relative;
	float: right;
}

.my_map_search_submit a {
	display: block;
	padding: 7px 25px;
	background-color: #043748;
	border: 1px solid #043748;
	border-radius: 8px;
	color: #fff !important;
	text-align: center;
	text-decoration: none !important;
}

.chineseVersion .my_map_search_submit a {
	letter-spacing: .16em;
}

.my_map_marker {
	z-index: 4000;
}

.my_map_marker>div {
	position: absolute;
	width: 1.565%;
	height: 3.41%;
	max-width: 25px;
	max-height: 34px;
}

.my_map_detail {
	z-index: 5000;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	border: 1px solid #000;
	border-radius: 4px 4px 0 4px;
	display: none;
}

.my_map.active .my_map_detail {
	display: block;
}

.my_map_detail:before {
	content: " ";
	position: absolute;
	width: 19px;
	height: 20px;
	left: -19px;
	top: 25%;
	background-repeat: no-repeat;
}

.my_map_detail_cont {
	position: relative;
	padding: 10px;
	padding-bottom: 45px;
}

.my_map_detail_title {
	font-weight: bold;
}

.my_map_detail_cont ul {
	margin-bottom: 10px;
}

.my_map_detail_more a {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #a7c043;
}

#my_map_m1 {
	top: 38.5%;
	left: 31%;
}

#my_map_m2 {
	top: 67%;
	left: 33%;
}

#my_map_m3 {
	top: 42%;
	left: 47%;
}

#my_map_m4 {
	top: 70%;
	left: 53%;
}

#my_map_m5 {
	top: 52%;
	left: 55%;
}

#my_map_m6 {
	top: 21%;
	left: 56%;
}

#my_map_m7 {
	top: 55%;
	left: 58.5%;
}

#my_map_m8 {
	top: 42%;
	left: 59%;
}

#my_map_m9 {
	top: 48%;
	left: 61.5%;
}

#my_map_m10 {
	top: 40%;
	left: 69%;
}


/*=======================================*/

.mainSlider {
	z-index: 3000;
	/* position: absolute;
     top: 195px;
     left: 0;
     right: 0;
     height: 604px;
     overflow: hidden;
    */
}

.mainSlider .flexslider {
	margin-bottom: 0;
}

.mainSlider ul.slides>li {
	width: 1200px !important;
	height: 378px !important;
	max-width: 100%;
	/* overflow:hidden;
    */
	max-width: 100%;
}

.mainSlider .slide_bg {
	position: absolute;
	z-index: 3005;
	height: auto !important;
	width: 100% !important;
	/*width: 1200px !important;
    */
	margin-left: 50%;
	transform: translateX(-50%);
}

.mainSlider .slide_mask {
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 0px;
	right: 0px;
	z-index: 3006;
}

.mainSlider .slide_mask .main-slide_mesh {
	position: absolute;
	background: url("../images/mesh.png") repeat;
	top: 0px;
	bottom: 0;
	left: 0px;
	right: 0px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.mainSlider .slide_cont {
	text-align: center;
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 0px;
	right: 0px;
	z-index: 3010;
}

.mainSlider ul>li:nth-child(1) .slide_cont,
.mainSlider ul>li:nth-child(2) .slide_cont,
.mainSlider ul>li:nth-child(3) .slide_cont,
.mainSlider ul>li:nth-child(4) .slide_cont,
.mainSlider ul>li:nth-child(5) .slide_cont {
	z-index: 3010;
	color: #0867aa !important;
	font-size: 1.625em;
	font-weight: bold;
	width: 1600px;
	max-width: 100%;
	margin: auto;
	position: relative;
	margin-top: 250px;
}

.mainSlider ul>li:nth-child(1) .slide_cont>span,
.mainSlider ul>li:nth-child(2) .slide_cont>span,
.mainSlider ul>li:nth-child(3) .slide_cont>span,
.mainSlider ul>li:nth-child(4) .slide_cont>span,
.mainSlider ul>li:nth-child(5) .slide_cont>span {
	width: 785px;
	text-align: left;
	float: right;
}

.mainSlider .slide_url {
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 0px;
	right: 0px;
	z-index: 3015;
}

.mainSlider .slide_url a {
	display: block;
	height: 100%;
}

.main_new {
	/* position: absolute;
     top: 799px;
     left: 0;
     right: 0;
     height: 500px;
     overflow: hidden;
    */
	background-repeat: no-repeat;
}

.main_new .my_roll_header {
	color: #3070ad;
	padding-bottom: 15px;
}

.main_new .my_roll .my_roll_content {
	padding-top: 10px;
}

.main_new .my_roll .my_roll_content .my_roll_cont_row>div {
	padding: 0px 10px;
	/*width: 378px;
    */
	/*width:236px;
    */
	width: 229px;
}

.main_new .my_roll .my_roll_content .my_roll_image {
	position: relative;
}

.main_new .my_roll .my_roll_content .my_roll_image:before {
	content: "";
	position: absolute;
	left: -7px;
	top: -7px;
	/* width:48px;
     height:30px;
    */
	width: 30px;
	height: 18.75px;
	background-size: 100%;
	background-repeat: no-repeat;
}

.main_new .my_roll .my_roll_content .my_roll_image:after {
	content: "";
	position: absolute;
	right: -10px;
	bottom: -10px;
	/* width:105px;
     height:65px;
    */
	width: 65.625px;
	height: 40.625px;
	background-size: 100%;
	background-repeat: no-repeat;
}

.main_new .my_roll .my_roll_content .my_roll_title {
	margin-top: 1em;
}

.main_new .my_roll_control .my_roll_prev,
.main_new .my_roll_control .my_roll_next {
	padding-top: 105px;
}

.main_highlight {
	/* position: absolute;
     top: 1299px;
     left: 0;
     right: 0;
     height: 470px;
     overflow: hidden;
    */
	background-repeat: repeat;
}

.main_highlight .my_roll_header {
	color: #003e57;
}

.main_highlight .my_roll .my_roll_content .my_roll_title {
	/* font-size: 1.8em;
    */
	padding: 0 10px;
	font-weight: bold;
	text-align: center;
	margin-top: 0;
	position: relative;
	transform: translateY(-110%);
	/* height: 66px;
     line-height: 66px;
    */
	font-size: 1em;
	height: 36px;
	line-height: 36px;
}

.main_highlight .my_roll .my_roll_content .my_roll_title span {
	line-height: normal;
	display: inline-block;
}

.main_highlight .my_roll .my_roll_content .my_roll_title span>a {
	color: #000000;
}

.main_highlight .my_roll_control .my_roll_prev,
.main_highlight .my_roll_control .my_roll_next {
	padding-top: 130px;
}

.main_shortcut {
	/* position: absolute;
     top: 1769px;
     left: 0;
     right: 0;
     height: 490px;
     overflow: hidden;
    */
	background-repeat: no-repeat;
}

.main_shortcut .my_roll_header {
	color: #09720b;
}

.main_shortcut .my_roll .my_roll_content .my_roll_image {
	text-align: center;
	min-height: 211px;
}

.main_shortcut .my_roll .my_roll_content .my_roll_title {
	font-weight: bold;
	text-align: center;
	font-size: 1.25em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.main_shortcut .my_roll .my_roll_content .my_roll_cont_row>div:nth-child(1) .my_roll_title>a {
	color: #c70a4e;
}

.main_shortcut .my_roll .my_roll_content .my_roll_cont_row>div:nth-child(2) .my_roll_title>a {
	color: #087eae;
}

.main_shortcut .my_roll .my_roll_content .my_roll_cont_row>div:nth-child(3) .my_roll_title>a {
	color: #4c05a3;
}

.main_shortcut .my_roll .my_roll_content .my_roll_cont_row>div:nth-child(4) .my_roll_title>a {
	color: #0552a4;
}

.main_shortcut .my_roll .my_roll_content .my_roll_cont_row>div:nth-child(5) .my_roll_title>a {
	color: #1e8512;
}

.main_footer_banner {
	/* margin-top:2064px;
    */
}

.main_footer_banner ul {
	list-style-type: none;
	padding: 1em 0;
	margin: 0;
	text-align: center;
}

.main_footer_banner ul>li {
	display: inline-block;
}

#video_1 {
	margin-top: -120px;
}

.slide_text_1 {
	position: relative;
	width: 1000px;
	max-width: 100%;
	margin: auto;
	margin-top: 100px;
	padding: 40px;
	text-align: center;
	border: 5px solid #fff;
	color: #fff;
	text-shadow: .1em 0 .05em #033b56, -.1em 0 .05em #033b56, 0 .1em .05em #033b56, 0 -.1em .05em #033b56, .05em .05em .05em #033b56, -.05em -.05em .05em #033b56, .05em -.05em .05em #033b56, -.05em .05em .05em #033b56;
}

.slide_text_1>* {
	text-align: center;
	margin-bottom: 10px;
}

.slide_text_1:after {
	content: " ";
	position: absolute;
	bottom: 0;
	top: 100%;
	width: 24px;
	height: 24px;
	left: 50%;
	margin-left: -12px;
	background-repeat: no-repeat;
}

.slide_text_1 .txt_1 {
	font-size: 3.4em;
	letter-spacing: .16em;
	line-height: normal;
}

.slide_text_1 .txt_2 {
	font-size: 2em;
	line-height: normal;
}

.slide_text_1_2 {
	margin-top: 60px;
	display: inline-block;
}


/*==========*/

body .mainContent.leftSideContent {
	padding-right: 400px;
}

body .mainContent.rightSideContent {
	padding-left: 340px;
}

.mainContent hr.myhr {
	width: 100%;
	border: 1px inset #829ea1;
	margin-top: 20px;
	margin-bottom: 20px;
}

.sideContent .rightSide {
	position: absolute;
	right: 200px;
	top: 100px;
	max-width: 200px;
	margin-left: 30px;
}

.plan_area {
	text-align: center;
}

.plan_area .plan_div {
	width: 400px;
	padding: 20px;
	margin: 20px 60px;
	display: inline-block;
	background: #fff;
	/* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left top, rgba(255, 255, 255, .7), rgba(198, 206, 209, .7));
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, rgba(255, 255, 255, .7), rgba(198, 206, 209, .7));
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, rgba(255, 255, 255, .7), rgba(198, 206, 209, .7));
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, rgba(255, 255, 255, .7), rgba(198, 206, 209, .7));
	/* Standard syntax (must be last) */
	box-shadow: -2.85px .93px 5px rgba(0, 0, 0, .52);
}

.plan_area .plan_topic {
	color: #595959;
	font-size: 1.45em;
	font-style: normal;
	margin-bottom: 1.6em;
}

.plan_area .plan_tit {
	color: #0f6791;
	font-weight: bold;
}

.plan_area .tick_list {
	list-style-type: none;
}

.plan_area .tick_list li {
	position: relative;
}

.plan_area .tick_list li:before {
	content: "\002714";
	position: absolute;
	left: -19px;
	top: 0;
	color: #0f6791;
}

.save_plan_area {
	text-align: center;
	margin-bottom: 20px;
}

.save_plan_area .plan_div {
	width: 200px;
	margin: 0 20px;
	display: inline-block;
	text-align: center;
}

.save_plan_area .arrow {
	text-align: center;
	margin: 10px 0;
	margin-bottom: 20px;
}

.save_plan_area .plan_div.full {
	width: 680px;
	padding: 20px;
	background: #fff;
	background: -webkit-linear-gradient(left top, rgba(255, 255, 255, .7), rgba(198, 206, 209, .7));
	background: -o-linear-gradient(bottom right, rgba(255, 255, 255, .7), rgba(198, 206, 209, .7));
	background: -moz-linear-gradient(bottom right, rgba(255, 255, 255, .7), rgba(198, 206, 209, .7));
	background: linear-gradient(to bottom right, rgba(255, 255, 255, .7), rgba(198, 206, 209, .7));
	box-shadow: -2.85px 0.93px 5px rgba(0, 0, 0, .52);
}

.save_plan_area .plan_box {
	padding: 20px;
	height: 115px;
	text-align: center;
	background: #fff;
	background: -webkit-linear-gradient(left top, rgba(255, 255, 255, .7), rgba(198, 206, 209, .7));
	background: -o-linear-gradient(bottom right, rgba(255, 255, 255, .7), rgba(198, 206, 209, .7));
	background: -moz-linear-gradient(bottom right, rgba(255, 255, 255, .7), rgba(198, 206, 209, .7));
	background: linear-gradient(to bottom right, rgba(255, 255, 255, .7), rgba(198, 206, 209, .7));
	box-shadow: -2.85px 0.93px 5px rgba(0, 0, 0, .52);
}

.save_plan_area .plan_div.full>div,
.save_plan_area .plan_box>div {
	text-align: center;
}


/*=============Close Up===============*/

.my_gallery .close_data {
	display: none;
}

#close_up {
	display: none;
	z-index: -1;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

#close_up.active.transition {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
}

#close_up.active {
	z-index: 9000;
	/*background-color:rgba(0,0,0,.6);
    */
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

#close_up .bg {
	z-index: 9100;
	background-color: rgba(0, 0, 0, .85);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#close_up .area {
	z-index: 9200;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1000px;
	max-width: 100%;
	background-color: #fff;
}

#close_up .close {
	background-color: #ddd;
	color: #fff;
	text-align: center;
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
}

#close_up .close a {
	display: block;
	padding: 5px;
}

#close_up .area .title {
	font-weight: bold;
	font-size: 1.4em;
	background-color: #dcdcdc;
	color: #7b7b7b;
	padding: 4px 10px;
}

#close_up .area .main {
	padding: 30px 30px 45px 30px;
	position: relative;
	text-align: center;
}

#close_up .area .main .left {
	width: 40%;
	float: left;
}

#close_up .area .main .right {
	width: 60%;
	float: right;
}

#close_up .area .main .img {
	padding: 5px;
}

#close_up .area .main .img img {
	width: 100%;
}

#close_up .area .main .caption {
	padding: 5px;
}

#close_up .area .main .cont {
	padding: 5px;
	padding-left: 15px;
}

#close_up .area .main .cont p {
	margin-bottom: 15px;
}


/*========================*/

.flowerChart {
	position: relative;
	z-index: 500;
	height: 2800px;
}

.flower {
	text-align: center;
	position: relative;
	z-index: 505;
}

.stem {
	position: absolute;
	top: 250px;
	bottom: 250px;
	width: 10px;
	left: 50%;
	margin-left: -5px;
	background-color: #8fb833;
	z-index: 501;
}

.leaf {
	background-repeat: no-repeat;
	width: 159px;
	height: 140px;
	position: absolute;
	text-align: center;
	left: 50%;
	text-shadow: .1em 0 .05em #fff, -.1em 0 .05em #fff, 0 .1em .05em #fff, 0 -.1em .05em #fff, .05em .05em .05em #fff, -.05em -.05em .05em #fff, .05em -.05em .05em #fff, -.05em .05em .05em #fff;
	z-index: 510;
}

.leaf.left {
	margin-left: -159px;
}

.leaf span {
	margin-top: 56px;
	display: block;
	font-size: 2.5em;
}

.leaf.l_0 {
	top: 2100px;
}

.leaf.l_1 {
	top: 1700px;
}

.leaf.l_2 {
	top: 1400px;
}

.leaf.l_3 {
	top: 600px;
}

.leaf.l_4 {
	top: 200px;
}

.fruit {
	position: absolute;
	z-index: 515;
}

.fruit.red {
	width: 100%;
	max-width: 35%;
	left: 0;
}

.fruit.purple {
	width: 100%;
	max-width: 35%;
	right: 0;
}

.fruit .cont {
	padding: 20px;
	padding-bottom: 10px;
	font-weight: bold;
}

.fruit.red .cont {
	position: relative;
	background-color: #f2dcdb;
	border-radius: 5px;
}

.fruit.red .cont:after {
	/* content:" ";
     position:absolute;
     width:19px;
     height:20px;
     right:-19px;
     top:50%;
     margin-top:-10px;
     background-image:url(../images/graph_arrow_red.png);
     background-repeat:no-repeat;
    */
	content: " ";
	position: absolute;
	right: -19px;
	top: 50%;
	margin-top: -10px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 20px solid #f2dcdb;
}

.fruit.purple .cont {
	position: relative;
	background-color: #e9e5fd;
	border-radius: 5px;
}

.fruit.purple .cont:after {
	/* content:" ";
     position:absolute;
     width:19px;
     height:20px;
     left:-19px;
     top:50%;
     margin-top:-10px;
     background-image:url(../images/graph_arrow_purple.png);
     background-repeat:no-repeat;
    */
	content: " ";
	position: absolute;
	left: -19px;
	top: 50%;
	margin-top: -10px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 20px solid #e9e5fd;
}

.fruit .cont>* {
	margin-bottom: 10px;
}

.fruit .date {
	margin-right: 20px;
}

.fruit.red .attach {
	background-color: #ff0066;
	margin-top: -5px;
	z-index: -1;
	position: relative;
	padding: 20px;
	padding-bottom: 15px;
	color: #fff;
	font-weight: bold;
	font-size: 1.6em;
	border-radius: 5px;
}

.fruit.purple .attach {
	background-color: #382898;
	margin-top: -5px;
	z-index: -1;
	position: relative;
	padding: 20px;
	padding-bottom: 15px;
	color: #fff;
	font-weight: bold;
	font-size: 1.6em;
	border-radius: 5px;
}

.fruit.blue {
	width: 320px;
	max-width: 100%;
	left: 50%;
	margin-left: -160px;
}

.fruit.blue .cont {
	background-color: #0ea5ba;
	padding: 20px 40px;
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	text-shadow: .1em 0 .05em #157097, -.1em 0 .05em #157097, 0 .1em .05em #157097, 0 -.1em .05em #157097, .05em .05em .05em #157097, -.05em -.05em .05em #157097, .05em -.05em .05em #157097, -.05em .05em .05em #157097;
	border-radius: 25px;
}

.fruit.blue .cont:before {
	content: " ";
	position: absolute;
	background-repeat: no-repeat;
	width: 323px;
	height: 127px;
	left: 0;
	top: 0;
	margin-left: -200px;
	margin-top: -115px;
}

.fruit.blue .cont:after {
	content: " ";
	position: absolute;
	background-color: #14829d;
	right: 0;
	left: 50%;
	top: 0;
	bottom: 0;
	z-index: -1;
	border-radius: 0 25px 25px 0;
}

.fruit.f_0 {
	top: 2500px;
}

.fruit.f_1 {
	top: 2300px;
}

.fruit.f_2 {
	top: 2100px;
}

.fruit.f_3 {
	top: 1700px;
}

.fruit.f_4 {
	top: 1300px;
}

.fruit.f_5 {
	top: 1000px;
}

.fruit.f_6 {
	top: 900px;
}

.fruit.f_7 {
	top: 750px;
}

.fruit.f_8 {
	top: 750px;
}

.fruit.f_9 {
	top: 550px;
}

.fruit.f_10 {
	top: 350px;
}

.fruit.f_11 {
	top: 350px;
}

.root {
	position: absolute;
	width: 253px;
	height: 219px;
	background-repeat: no-repeat;
	left: 50%;
	bottom: 10px;
	margin-left: -126.5px;
	text-align: center;
	padding-top: 70px;
	font-weight: bold;
	font-size: 2em;
	line-height: 1.4em;
	color: #fff;
	text-shadow: .1em 0 .05em #645900, -.1em 0 .05em #645900, 0 .1em .05em #645900, 0 -.1em .05em #645900, .05em .05em .05em #645900, -.05em -.05em .05em #645900, .05em -.05em .05em #645900, -.05em .05em .05em #645900;
	z-index: 515;
}


/*=================*/

.my_pdf {
	background-repeat: no-repeat;
	background-position: 12px 6px;
	background-color: #e2e3e2;
	display: inline-block;
	border-radius: 6px;
}

.my_pdf a {
	text-decoration: none !important;
	color: #000000;
	font-size: 1.2em;
	padding: 22px 12px 6px 71px;
	min-height: 65px;
	display: block;
}

.chineseVersion .my_pdf a {
	letter-spacing: .16em;
}

.tpo_div {
	margin-top: 20px;
}

.tpo_div>div {
	width: 32%;
	padding: 0 20px;
	display: table-cell;
	border-left: 2px solid #cecfcf;
}

.tpo_div>div.fst {
	border-left: 0;
	padding-left: 0;
}

.tpo_div>div h3 {
	margin-top: 0;
	padding-top: 5px;
}

.dpo_list>li {
	width: 49%;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: .6em;
}

.dpo_list>li:before {
	content: '\25cf\a0';
	position: absolute;
	margin-left: -16px;
	font-size: 12px;
}

.ecdBDiv {
	text-align: right;
	margin-bottom: 10px;
}

.ecdBDiv>div {
	display: inline-block;
	margin-left: 10px;
}

a.ecdBtn {
	text-decoration: none !important;
	color: #5c5c5c !important;
}


/*===============*/

.photo_album {
	margin: 0 -5px;
}

.photo_album>div {
	width: 290px;
	max-width: 100%;
	padding: 5px;
	display: inline-block;
}


/*=====================================*/

.mylist li {
	list-style-type: none;
}

.mylist li:before {
	content: '\25cf\a0';
	position: absolute;
	margin-left: -16px;
	font-size: 16px;
	color: #bf45ee;
}

.div_pilotact>div {
	margin-bottom: 20px;
	box-shadow: 0 0 5px #000;
}

.div_pilotact .title {
	display: table-cell;
	width: 200px;
	padding: 8px 20px 8px 50px;
	vertical-align: middle;
	color: #fff;
	background-color: #166867;
	position: relative;
}

.div_pilotact .title:after {
	content: " ";
	position: absolute;
	right: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 10px solid #fff;
}

.div_pilotact .cont {
	display: table-cell;
	padding: 8px 20px;
	width: auto;
}

.div_pilotact .cont ul {
	margin-bottom: 0;
}


/*=============================*/

.fix_line {
	position: absolute;
	left: 0;
	right: 0;
	height: 3px;
	background-color: #504098;
}

.fix_line.under {
	margin-top: -3px;
}

ul.lo_alp>li {
	list-style-type: lower-alpha;
}

ul.lo_rom>li {
	list-style-type: lower-roman;
}

ul.disc>li {
	list-style-type: disc;
}

.leftMenu {
	/* background-color: #fff;
     border-top: 2px solid #504098;
     box-shadow: 1px 2px 8px -1px #000;
     padding: 10px 6px;
    */
	background-color: rgba(0, 0, 255, 0);
}

.subMenu li>a:before {
	content: " ";
	position: absolute;
	top: 12px;
	left: 10px;
	width: 7px;
	height: 14px;
	/* background-image:url('../images/icon_menu_arrow_left.png');
    */
	background-repeat: no-repeat;
}


/*================================*/

.new_list {
	background-color: #fff;
	padding: 0 30px 30px 30px;
}

div.new_list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.new_list li {
	margin: 0;
	padding: 20px 0;
	border-bottom: 1px solid #dedede;
}

div.new_list li.lst {
	border-bottom: 0;
}

.new_list .date {
	font-size: .8em;
}

.new_list .title {
	font-weight: bold;
}


/*==================================*/

.mainContent .my_title {
	color: #504098;
	font-weight: bold;
}

.mainContent .my_area {
	background-color: #dde8f0;
	padding: 20px;
	margin-bottom: 20px;
}

.mainContent .my_area2 {
	padding: 0 20px;
	margin-bottom: 20px;
}


/*=====================================*/

.bodies_list>div {
	padding: 15px 0;
	border-top: 1px solid #b3b3b3;
	position: relative;
}

.bl_top {
	min-height: 100px;
}

.bl_logo {
	position: absolute;
	right: 0;
	top: 15px;
	max-height: 100px;
}

.bl_org,
.bl_org a {
	font-weight: bold;
	color: #000000 !important;
	text-decoration: none !important;
}

.bl_ts>div {
	display: table-row;
}

.bl_ts>div>div {
	display: table-cell;
}

.bodies_list .title {
	font-weight: bold;
	padding-right: 6px;
}


/*=======================================*/

.sliderArea {
	height: 275px;
	overflow: hidden;
	margin-bottom: 40px;
}

.sliderArea img {
	top: 0;
}

.sliderBg {
	position: absolute;
	left: 0;
	right: 0;
	height: 275px;
	background-color: #fff;
}

div.flexslider {
	margin-bottom: 0;
	border: 0;
	/* width:100%;
     margin-left:auto;
     margin-right:auto;
     border:0;
     position: static;
    */
}

.flexslider .flex-control-nav {
	bottom: 1em;
	z-index: 4000;
}

.flexslider.video_gallery {
	margin-bottom: 0;
}

.mainContent .sliderArea ul,
.mainContent .sliderArea ol {
	padding: 0;
	margin: 0;
}

.sliderArea .flex-control-nav {
	bottom: 0;
	left: 0;
	z-index: 3500;
}

.sliderArea .flex-control-paging li a.flex-active {
	background: #fff;
	background: rgba(255, 255, 255, 0.9);
}

.sliderArea .flex-direction-nav a {
	font-size: 0;
	width: 39px;
	height: 69px;
	margin: -35px 0 0;
	z-index: 3500;
}

.sliderArea .flex-direction-nav .flex-prev {
	left: 10px;
}

.sliderArea .flex-direction-nav .flex-next {
	right: 10px;
}

.sliderArea .flexslider:hover .flex-direction-nav .flex-prev {
	left: 0;
}

.sliderArea .flexslider:hover .flex-direction-nav .flex-next {
	right: 0;
}

.sliderArea .flex-direction-nav a:before {
	content: " ";
	width: 39px;
	height: 69px;
	background-repeat: no-repeat;
}

.sliderArea .flex-direction-nav a.flex-next:before {
	content: " ";
}


/*=============================================*/

.main_bottom {
	margin-bottom: 40px;
}

.main_news {
	width: 35%;
	padding-right: 20px;
	float: left;
}

.main_about {
	width: 64.5%;
	float: left;
}

.main_news_header {
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 16px;
	border-bottom: 1px solid #ddd;
}

.main_news_list>ul {
	padding-left: 0;
	list-style-type: none;
}

.main_news_list>ul>li {
	margin: 0;
	padding: 8px 0;
	border-bottom: 1px solid #ddd;
}

.main_news .date,
.main_news .title {
	font-weight: normal;
}

.main_about .my_header {
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 16px;
}

.my_more {
	text-align: right;
}

.my_more a {
	color: #B6052F !important;
	text-decoration: none !important;
	font-weight: bold;
}


/*===========*/

.faq_list>ol {
	padding-left: 0;
	position: relative;
	font-weight: bold;
	border-top: 1px solid #ddd;
	list-style-type: none;
}

.faq_list>ol>li:hover {
	background-color: #fff;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s;
	transition: background-color .2s;
}

.faq_list>ol>li {
	margin: 0;
	padding-left: 0;
	padding-left: 60px;
	position: relative;
}

.faq_list>ol>li:after {
	content: " ";
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background-color: #ddd;
	position: absolute;
}

.faq_list>ol>li:before {
	content: " ";
	width: 33px;
	height: 33px;
	position: absolute;
	left: 0;
	top: 13px;
	background-repeat: no-repeat;
}

.faq_list>ol>li.active:before {}

.faq_list .active .cd_div .cont {
	z-index: 1000;
	position: relative;
	height: auto;
	width: auto;
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;
}

.faq_list .cd_div .cont,
.faq_list .cd_div.hide .cont {
	z-index: -1;
	position: fixed;
	height: 0;
	width: 0;
	-webkit-transition: height 0.5s ease;
	-moz-transition: height 0.5s ease;
	-o-transition: height 0.5s ease;
	transition: height 0.5s ease;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
	overflow: hidden;
	padding: 0 16px;
	border-left: 3px solid #35b59e;
	font-weight: normal;
}

.faq_list .cd_div {
	margin: 0;
	position: relative;
}

.faq_list .active .cd_div {
	padding-bottom: 20px;
}

.faq_list .cd_div .title {
	padding: 0;
	margin: 0;
}

.faq_list .cd_div .title a {
	color: #404042 !important;
	text-decoration: none !important;
	padding: 20px 16px;
	padding-right: 30px;
	font-weight: bold;
	display: block;
	position: relative;
}

.faq_list .active .cd_div .title a {}

.faq_list .cd_div .cont p:last-child {
	margin-bottom: 0;
}

.faq_list .number {
	position: absolute;
	right: 100%;
	top: 20px;
	margin-right: -65px;
}

.graphicBanner {
	position: absolute;
	right: 0;
	top: 0;
	max-height: 215px;
	max-width: none;
	z-index: -1;
}

body abbr[title]::after {
	content: '';
}

body .close {
	float: none;
	font-size: 1em;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
	text-shadow: inherit;
	opacity: 1;
}

body .close:focus,
body .close:hover {
	color: inherit;
	text-decoration: inherit;
	opacity: 1;
}


/*====================================*/

.mainContent ul.flex-control-nav,
.mainContent ol.flex-control-nav {
	margin-bottom: 0;
	bottom: auto;
}

.my_roll {
	position: relative;
	margin: 0px 10px 10px 10px;
}

.my_roll_header {
	/*font-size: 2.6em;
    */
	font-size: 1.625em;
	font-weight: bold;
	padding: 22px 10px;
}

.my_roll .my_roll_content {
	overflow: hidden;
	width: 100%;
	background-repeat: repeat-x;
}

.my_roll .my_roll_content .my_roll_cont_row {
	display: table;
	white-space: nowrap;
	padding: 0 80px;
	margin: 0 auto;
}

.my_roll .my_roll_content .my_roll_cont_row>div {
	display: inline-block;
	vertical-align: top !important;
	padding: 0px 10px;
	/*width: 378px;
    */
	/*width:236px;
    */
	width: 229px;
}

.my_roll .my_roll_content .my_roll_image {
	margin: auto;
	position: relative;
}

.my_roll .my_roll_content .my_roll_title {
	margin: auto;
	text-align: left;
	white-space: normal;
	/* font-size: 1.4em;
    */
	font-size: 1em;
}


/*.my_roll_header{
     display:none;
   

					 
					
			 
			  
					 
			
				 
				  
				   
					 
}
*/

.my_roll_control>div {
	position: absolute;
	width: 39px;
	height: 61px;
	margin: -20px 0 0 0;
	padding: 0;
	font-size: 60px;
	font-weight: 100;
	line-height: 30px;
	text-align: center;
}

.my_roll_control>div a {
	text-decoration: none !important;
	color: #fff !important;
}

.my_roll_control>div span {
	display: block;
	width: 39px;
	height: 61px;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 30px;
	text-align: center;
}

.my_roll_control .my_roll_prev span {
	background-repeat: no-repeat;
}

.my_roll_control .my_roll_next span {
	background-repeat: no-repeat;
}

.my_roll_control .my_roll_prev {
	top: 0;
	bottom: 0;
	height: initial;
	margin-top: 0;
	width: initial;
	left: -10px;
	padding-top: 80px;
	padding-left: 0;
	padding-right: 0;
}

.my_roll_control .my_roll_next {
	top: 0;
	bottom: 0;
	height: initial;
	margin-top: 0;
	width: initial;
	right: -10px;
	padding-top: 80px;
	padding-left: 0;
	padding-right: 0;
}

body.indexVersion div.homeTool {
	display: none;
}


/*body.indexVersion div.clientTool>div.language:before{
     display:none;
   
										
				 
}
*/

body.indexVersion div.AStyleArea:before {
	/* content: "";
    */
}

body.indexVersion div.AStyleArea {
	/* margin-left: 30px;
    */
}

.exhibition_table td {
	padding: 10px;
}

.press_release_table1 td {
	vertical-align: top;
}

.reports_table_layout td:first-child {
	text-align: center;
}

.reports_table_layout td {
	padding: 10px;
}

.reports_list_layout li {
	display: block;
	padding: 10px;
}

.reports_list_layout li:last-child {
	margin-bottom: 0;
}

.reports_list_layout ol {
	counter-reset: item;
	margin-bottom: 0;
}

.reports_list_layout li:before {
	content: counters(item, ".") ". ";
	counter-increment: item
}

.reports_table_layout td {
	vertical-align: text-top;
}

.fake_h4,
.fake_h5,
.fake_h6 {
	font-weight: bold;
}

.aboutus_intro_list>div {
	width: 100%;
	max-width: 605px;
	margin: auto;
}

.aboutus_intro_list>div>div {
	display: inline-block;
	width: 100%;
	max-width: 300px;
	height: 200px;
	margin-bottom: 40px;
}

.aboutus_intro_list>div>div img {
	height: 100%;
}

.aboutus_intro_list>div>div>a>div {
	text-align: center;
	font-size: 1.4em;
}

.aboutus_intro_list>div>div>a>div.aboutus_intro_list_item_image {
	height: 90%;
}

.aboutus_intro_list>div>div>a>div.aboutus_intro_list_item1 {
	font-weight: bold;
	margin-top: 10px;
	color: #097dae;
}

.aboutus_intro_list>div>div>a>div.aboutus_intro_list_item2 {
	font-weight: bold;
	margin-top: 10px;
	color: #4c04a4;
}

.aboutus_intro_list>div>div>a>div.aboutus_intro_list_item3 {
	font-weight: bold;
	margin-top: 10px;
	color: #0452a4;
}

.aboutus_intro_list>div>div>a>div.aboutus_intro_list_item4 {
	font-weight: bold;
	margin-top: 10px;
	color: #1e8613;
}


/*.chineseVersion{
     font-size: 1.1em;
   

					 
			  
			  
				
}
*/

.organ_search_iframe {
	border: none;
	width: 100%;
	display: block;
}

.list_table {
	width: 100%;
	border-spacing: 0;
	border: solid #ccc 1px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 1px #ccc;
	-moz-box-shadow: 0 1px 1px #ccc;
	box-shadow: 0 1px 1px #ccc;
}

.list-table td:first-child,
.bordered th:first-child {
	border-left: none;
}

.list_table th {
	background: #e2f3fd;
	text-align: left;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 10px;
}

.list_table td {
	text-align: left;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 10px;
}

.list_table tr:nth-child(even) {
	background: #fafdf4;
}

.list_table_rowspan {
	width: 100%;
	border-spacing: 0;
	border: solid #ccc 1px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 1px #ccc;
	-moz-box-shadow: 0 1px 1px #ccc;
	box-shadow: 0 1px 1px #ccc;
}

.list_table_rowspan th {
	background: #e2f3fd;
	text-align: left;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 10px;
}

.list_table_rowspan td {
	text-align: left;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 10px;
}

.div_acrobat_reader {
	background-color: #EAEAEA;
	padding: 5px;
}

.div_acrobat_reader>.div_acrobat_reader_icon {
	display: inline-block;
	width: 160px;
	margin-right: 5px;
	padding: 10px 0;
}

.div_acrobat_reader>.div_acrobat_reader_description {
	display: inline-block;
	width: 75%;
}


/*======================*/

.photo_title,
.photo_area>li .title {
	margin-bottom: 24px;
	font-weight: bold;
	display: block;
}

.mainContent ul.photo_group {
	/*margin: 0 -1em;
    */
	padding: 0;
	text-align: left;
}

.mainContent .photo_area ul.photo_group {
	margin: 0 -0.8em;
	text-align: left;
}

.photo_group li {
	display: inline-block;
	vertical-align: top;
	/*width: 200px;
    */
	width: 190px;
	text-align: center;
	margin: 0;
	margin-bottom: 4px;
	padding: .1em;
}

.photo_group li.photo_thumb>a>img {
	border: 2px solid #b4b4b4;
	display: block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.photo_group li.photo_thumb>a:focus>img,
.photo_group li.photo_thumb>a:hover>img {
	border: 2px solid #c30819;
}

body div.light_square .pp_left,
body div.light_square .pp_middle,
body div.light_square .pp_right,
body div.light_square .pp_content {
	background-color: transparent;
}

body .pp_nav .pp_play,
body .pp_nav .pp_pause,
body a.pp_arrow_previous,
body a.pp_arrow_next {
	font-size: 0;
}

body .pp_nav .pp_play:before,
body .pp_nav .pp_pause:before,
body a.pp_arrow_previous:before,
body a.pp_arrow_next:before {
	display: none;
}

body .pp_nav .pp_play,
body .pp_nav .pp_pause,
body a.pp_arrow_previous,
body a.pp_arrow_next {
	background-color: transparent;
	width: 44px;
	height: 44px;
	position: absolute;
	top: 50%;
	margin-top: -56px;
}

body a.pp_arrow_previous {}

body a.pp_arrow_next {}

body .pp_content_container .pp_details {
	margin: 0;
}

body .pp_nav {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 0;
}

body a.pp_arrow_previous {
	left: 0;
}

body a.pp_arrow_next {
	right: 0;
}

body a.pp_close {
	font-size: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	width: 35px;
	height: 33px;
	box-shadow: none;
}

body .ppt {
	display: none !important;
}

body a.pp_previous,
body a.pp_next {
	background: none !important;
}


/*=========================*/

#slider.flexslider .slides img {
	width: 50%;
	display: inline-block;
}

#slider.flexslider .slides_cont {
	display: inline-block;
	width: 49%;
	vertical-align: top;
	padding: 20px 10px;
	max-height: 360px;
	overflow: auto;
	float: right;
}

#slider.flexslider .slides_title {
	color: #3942A9;
	font-size: 1.2em;
	font-weight: bold;
}

#slider.flexslider .slides_txt {
	margin-top: 20px;
}

#carousel.flexslider {
	margin: 20px auto;
	/* width: 360px;
    */
	background-color: transparent;
}

#carousel.flexslider li {
	/* padding:0 10px;
     position:relative;
     min-width:180px;
    */
}

#carousel.flexslider li .imgMask {
	position: absolute;
	background-color: #000000;
	top: 0px;
	left: 10px;
	right: 10px;
	bottom: 0px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

#carousel.flexslider li:hover .imgMask {
	opacity: 0;
}

#carousel.flexslider .prevBtn {
	position: absolute;
	top: 30px;
	left: -50px;
}

#carousel.flexslider .nextBtn {
	position: absolute;
	top: 30px;
	right: -50px;
}

#slider.flexslider {
	margin-bottom: 20px;
}

#carousel ul.slides {
	margin-bottom: 0;
}

#carousel .slides li {
	padding: 0 3px;
}

#carousel .slides li .cover img {
	border: 2px solid #b4b4b4;
	display: block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#carousel .slides li:hover .cover img {
	border: 2px solid #c30819;
}

#carousel .slides li .title {
	padding: 8px 0;
}

#carousel .flex-direction-nav {
	margin: 0;
	padding: 0;
}

#carousel .flex-direction-nav a {
	width: 45px;
	height: 45px;
	margin-top: -22px;
	font-size: 0;
}

#carousel .flex-direction-nav li>a:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-repeat: no-repeat;
}

#carousel .flex-direction-nav li>a.flex-next:before {
	content: "";
}

#carousel.flexslider:hover .flex-direction-nav .flex-prev {
	opacity: 1;
	left: 0;
}

#carousel.flexslider:hover .flex-direction-nav .flex-next {
	opacity: 1;
	right: 0;
}

#slider .flowplayer {
	background-color: #000;
}


/*=====================*/

.myitem_list.my_pdf_div .title {
	padding-left: 35px;
	position: relative;
	display: inline-block;
	width: 100%;
}

.myitem_list.my_pdf_div.activities_photo .title {
	margin-top: 10px;
	padding-left: 0;
}

.myitem_list.my_pdf_div.tv_series_list .title {
	margin-top: 10px;
	padding-left: 0;
}

.myitem_list.my_pdf_div.whatsnew_list .title {
	padding-left: 0;
}

.myitem_list.my_pdf_div .iconPdf {
	position: absolute;
	left: 0;
}

.album_title,
.album_date {
	margin-top: 10px;
	text-align: center;
}

#form_select_photo {
	margin-bottom: 10px;
}

#form_select_photo input[type="submit"] {
	background-color: #043748;
	color: #fff;
	padding: 0px 15px;
	border-radius: 8px;
	height: 24px;
}

#form_select_photo select {
	height: 24px;
	vertical-align: top;
}


/*======================*/

.my_photo_slider.flexslider {
	margin: 20px auto;
	background-color: transparent;
}

.my_photo_slider.flexslider li .imgMask {
	position: absolute;
	background-color: #000000;
	top: 0px;
	left: 10px;
	right: 10px;
	bottom: 0px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.my_photo_slider.flexslider li:hover .imgMask {
	opacity: 0;
}

.my_photo_slider.flexslider .prevBtn {
	position: absolute;
	top: 30px;
	left: -50px;
}

.my_photo_slider.flexslider .nextBtn {
	position: absolute;
	top: 30px;
	right: -50px;
}

.my_photo_slider ul.slides {
	margin-bottom: 0;
}

.my_photo_slider .slides li {
	padding: 0 3px;
}

.my_photo_slider .slides li .cover img {
	border: 2px solid #b4b4b4;
	display: block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.my_photo_slider .slides li:hover .cover img {
	border: 2px solid #c30819;
}

.my_photo_slider .slides li .title {
	padding: 8px 0;
}

.my_photo_slider .flex-direction-nav {
	margin: 0;
	padding: 0;
}

.my_photo_slider .flex-direction-nav a {
	width: 45px;
	height: 45px;
	margin-top: -22px;
	font-size: 0;
}

.my_photo_slider .flex-direction-nav li>a:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-repeat: no-repeat;
}

.my_photo_slider .flex-direction-nav li>a.flex-next:before {
	content: "";
}

.my_photo_slider.flexslider:hover .flex-direction-nav .flex-prev {
	opacity: 1;
	left: 0;
}

.my_photo_slider.flexslider:hover .flex-direction-nav .flex-next {
	opacity: 1;
	right: 0;
}

.membership {
	margin-top: 20px;
}

.contact_us_table td {
	vertical-align: top;
}

.myLogo .d_logo {
	display: inline;
}

.myLogo .m_logo {
	display: none
}

.temp_hide {
	visibility: hidden !important;
}

.pp_description {
	background-color: #000000;
	color: #ffffff;
	padding: 10px;
	text-align: center !important;
	margin: 0 !important;
}


/*==========================*/

.organisers_table {}

.organisers_table>div {
	display: inline-block;
	width: 25%;
	height: 170px;
	text-align: center;
	padding: 5px;
	vertical-align: middle;
}

.organisers_table>div>a {
	display: block;
	height: 100%;
	vertical-align: middle;
	position: relative;
	background-color: #fff;
	padding: 10px;
	border: 2px solid #c2c2c2;
}

.organisers_table>div>a>img {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	max-width: 95%;
}

.organisers_table>div.half_left {
	width: 50%;
	height: 190px;
}

.organisers_table>div.half_left a {
	width: 400px;
	float: right;
}

.organisers_table>div.half_right {
	width: 50%;
	height: 190px;
}

.organisers_table>div.half_right a {
	width: 280px;
	float: left;
}


/*==============*/

.headerMenu.mainheaderMenu .mhm_scene {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 61px;
	z-index: 8500;
}

.headerMenu.mainheaderMenu.active .mhm_scene {
	display: block;
}

.headerMenu.mainheaderMenu .mhm_scene .section {
	width: 300px;
}

.headerMenu.mainheaderMenu .mhm_scene .section a {
	display: block;
	padding: 12px 20px;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #fff;
}

.headerMenu.mainheaderMenu .mhm_scene>li>a {
	width: 300px;
	display: block;
	font-size: 1.25em;
	padding: 12px 20px;
	font-weight: bold;
	background-color: #fff;
}

.headerMenu.mainheaderMenu .mhm_scene>.active>.section a {
	background-color: #1C559C;
	color: #fff;
}

.headerMenu.mainheaderMenu .mhm_scene>li.active>a {
	background-color: #1C559C;
	color: #fff;
}

.headerMenu.mainheaderMenu .mhm_scene ul {
	position: absolute;
	left: 300px;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
	background-color: #1C559C;
	text-align: left;
	width: auto;
}

.headerMenu.mainheaderMenu .mhm_scene>.active>ul {
	display: block;
}

.headerMenu.mainheaderMenu .tMenu.mhm_scene li.open ul>li,
.headerMenu.mainheaderMenu .tMenu.mhm_scene li ul.activeUl>li,
.headerMenu.mainheaderMenu .tMenu.mhm_scene ul>li {
	display: inline-block;
}

.headerMenu.mainheaderMenu .tMenu.mhm_scene ul>li {
	width: 25%;
	vertical-align: top;
}

.headerMenu.mainheaderMenu .tMenu.mhm_scene ul>li.active {
	/* display:block;
    */
}

.headerMenu.mainheaderMenu .tMenu.mhm_scene ul.menuLv1>li>a.excLi:after {
	content: '';
	background-image: url(../images/icon_expand_blue.png);
	width: 12px;
	height: 12px;
	background-size: 12px 12px;
	/* position: relative;
     */
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

.headerMenu.mainheaderMenu .tMenu.mhm_scene ul.menuLv1>li>a.excLi.open:after {
	background-image: url(../images/icon_expand_on_blue.png);
}

.indexVersion .headerArea {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	z-index: 8900;
}

.currentTool {
	/*background-image: url(../images/bg_main1.jpg);*/
	/*background-color: #000;*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-top: 200px;
	height: 740px;
	min-height: 740px;
	-webkit-transition: all 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
	-moz-transition: all 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
	-o-transition: all 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
	transition: all 0.1s cubic-bezier(0.39, 0.575, 0.565, 1);
	position: relative;
}

.w1>.currentTool {
	/*background-image: url(../images/bg_main1.jpg);*/
	background-color: #5c9ed2;
	background-size: cover;
}

.w2>.currentTool {
	background-image: url(../images/bg_main2.jpg);
	background-color: #bae7ed;
	background-position: center bottom;
	/* background-size: contain;
    */
}

.w3>.currentTool {
	background-image: url(../images/bg_main_12c.jpg);
}

.w5>.currentTool {
	background-image: url(../images/bg_main10.jpg);
}

.w6>.currentTool {
	background-image: url(../images/bg_main8e.jpg);
}

.w3>.currentTool {
	background-image: url(../images/bg_main_12c.jpg);
}

.w8>.currentTool {
	background-image: url(../images/bg_main_13b.jpg);
}

.w9>.currentTool {
	background-image: url(../images/bg_main14.jpg);
}

.w10>.currentTool {
	background-image: url(../images/bg_main15.jpg);
}

.w7>.currentTool {
	background-image: url(../images/rain_night_hk.jpg);
}

/* highlight-banner */
.highlight-banner {
	position: absolute;
	/* bottom: 108px; */
	bottom: 95px;
	left: -245px;
	z-index: 10000;
}

.highlight-banner .highlight-banner-wrapper {
	display: flex;
	align-items: center;
	flex: 1 1 auto;
	overflow: hidden;
	height: 100%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	border-radius: 0 8px 8px 0;
}

.highlight-banner .highlight-banner-wrapper .wrapper-banner,
.highlight-banner .highlight-banner-wrapper .wrapper-btn {
	background-color: #034a87;
}

.highlight-banner .highlight-banner-wrapper .wrapper-banner {
	padding: 10px 0 10px 10px;
	width: 245px;
	min-height: 255px;
}



.highlight-banner .highlight-banner-wrapper .wrapper-banner a img {
	width: 100%;
}

.highlight-banner .highlight-banner-wrapper .wrapper-banner .swiper-scrollbar {
	left: 0;
	width: 100%;
	bottom: 0;
	border-radius: 0;
}

.highlight-banner .highlight-banner-wrapper .wrapper-btn {
	width: 30px;
	height: 255px;
}

.highlight-banner .highlight-banner-wrapper .wrapper-btn a {
	display: block;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 10px 18px;
	transform: rotateY(180deg);
}

.highlight-banner.active {
	left: 0;
	height: auto;
}

.highlight-banner.active .highlight-banner-wrapper .wrapper-btn {
	flex-grow: 1;
}

.highlight-banner.active .highlight-banner-wrapper .wrapper-btn a {
	transform: rotateY(0deg);
}

.highlight-banner.transition {
	transition: 0.3s all;
}

@media only screen and (max-width: 979px) {
	.highlight-banner {
		display: none;
	}
}

.warea,
.wtext {
	display: none;
	-webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-o-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	opacity: 0;
}

.warea.activing,
.wtext.activing {
	opacity: 1;
	display: block !important;
}

.w1 .warea1,
.w1 .wtext1,
.w2 .warea2,
.w2 .wtext2,
.w3 .warea3,
.w3 .wtext3 {
	display: block;
}

.currentTool .warea1,
.currentTool .warea2 .warea_scene,
.currentTool .warea3,
.currentTool .warea5,
.currentTool .warea6,
.currentTool .warea7,
.currentTool .warea9,
.currentTool .warea10,
.currentTool .warea_crrent_weather {
	position: relative;
	z-index: 3500;
}


/* 20190117 Jacky*/

.currentTool .warea_video .video_mask,
.currentTool .warea_video .video_arae,
.currentTool .warea_video .video_url {
	top: 200px;
}

.currentTool .warea_video .video_mask .main-slide_mesh {
	opacity: 0;
}

.currentTool .video_arae {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
}

.currentTool .video_arae video {
	max-width: none;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.warea2 .video_arae {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
}

.warea2 .video_arae video {
	max-width: none;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.warea2 .left_cont {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.warea2 .left_cont>div:nth-child(1) {
	color: #111;
	font-size: 4em;
	margin-bottom: 40px;
	font-weight: bold;
}

.warea2 .left_cont>div:nth-child(2) {
	color: #111;
	font-size: 1.4em;
	margin-bottom: 20px;
}

.warea2 .left_cont .yl_btn {
	display: inline-block;
}

.warea2 .left_cont .yl_btn a {
	display: block;
	text-align: center;
	padding: 12px 60px;
	color: #000;
	background-color: #ffc000;
	font-size: 1.4em;
	border-radius: 5px;
}

.warea2 .right_img {
	float: right;
	/* padding-bottom: 150px;
    */
}

.warea2 .right_img img {
	height: 440px;
}

.area_warning {
	width: 100%;
	min-width: 400px;
	max-width: 700px;
	position: absolute;
	top: 10px;
	left: 0;
	/*
   
    /*box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.19), 4px 6px 6px rgba(0, 0, 0, 0.23);
     box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.14), 4px 6px 6px rgba(0, 0, 0, 0.18);
    */
}

.area_warning .header {
	padding: 12px;
	background-color: rgba(255, 255, 255, .6);
}

.area_warning .header,
.area_warning .header a {
	color: #e42805;
	text-decoration: none;
	font-weight: bold;
}

.area_warning .detail {
	padding: 12px 12px 12px 12px;
	/* background-color:rgba(255,255,255,.2);
    */
}

.area_warning .detail,
.area_warning .detail a {
	color: #fff;
	text-decoration: none;
}

.area_warning .detail {
	/* opacity: 0;
     height: 0;
     overflow: hidden;
     -webkit-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
     -moz-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
     -ms-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
     -o-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
     transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
    */
}

.area_warning:hover .detail,
.area_warning.active .detail {
	opacity: 1;
	/* height:101px;
    */
}

.area_warning .awn_icon {
	/* margin-right:220px;
    */
	position: relative;
	z-index: 8510;
	display: inline-block;
	width: 100%;
}

.area_warning .awn_icon ul {
	padding: 0;
	list-style: none;
	margin: 0;
	padding-right: 220px;
}

.area_warning .awn_icon ul>li {
	width: 70px;
	height: 70px;
	margin-right: 12px;
	margin-bottom: 12px;
	display: inline-block;
}

.area_warning .awn_more {
	width: 220px;
	position: absolute;
	right: 12px;
	top: 12px;
	z-index: 8520;
}

.area_warning .awn_more>div {
	margin: 4px 0;
	letter-spacing: .16em;
}

.area_warning .awn_more>div:first-child {
	margin-top: 0;
}

.area_warning .awn_more>div:last-child {
	margin-bottom: 0;
}

.area_warning .awn_more>div>a {
	display: block;
	padding: 5px 24px;
	text-align: center;
	white-space: nowrap;
}

.area_warning .awn_more>div:nth-child(2)>a:after,
.area_warning .awn_more>div.resource_list>a:after {
	content: "";
	display: inline-block;
	margin-left: 8px;
	/* position: absolute;
     left: 0;
     top: 6px;
    */
	vertical-align: baseline;
	width: 0px;
	height: 0px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #fff;
	transform: translateY(-50%);
	/* content: "";
     display: inline-block;
     width: 13px;
     height: 12px;
     margin-left: 3px;
     background-image: url(../images/icon_extlsit_arrow.png);
     background-repeat: no-repeat;
    */
}

.area_warning .awn_more>div:nth-child(1) {
	/*background-color:#e52707;
    */
}

.area_warning .awn_more>div:nth-child(1)>a {
	background-color: #d01949;
	border-radius: 4px;
}

.area_warning .awn_more>div:nth-child(2) {
	/* background-color:#1b5397;
    */
	position: relative;
}

.area_warning .awn_more>div:nth-child(2)>a {
	background-color: #0a3181;
	border-radius: 4px;
}

.area_warning .awn_more>div.resource_list>a {
	background-color: #757575;
	border-radius: 4px;
}

.area_warning .awn_more>div:nth-child(2)>ul,
.area_warning .awn_more>div.resource_list>ul {
	display: block;
	position: absolute;
	visibility: hidden;
	top: 100%;
	left: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: #fff;
	list-style: none;
	padding: 4px 0;
	margin: 0;
}

.area_warning .awn_more>div:nth-child(2).active,
.area_warning .awn_more>div:nth-child(2):hover,
.area_warning .awn_more>div.resource_list.active,
.area_warning .awn_more>div.resource_list:hover {
	z-index: 4000;
}

.area_warning .awn_more>div:nth-child(2).active>ul,
.area_warning .awn_more>div:nth-child(2):hover>ul,
.area_warning .awn_more>div.resource_list.active>ul,
.area_warning .awn_more>div.resource_list:hover>ul {
	opacity: 1;
	visibility: visible;
}

.area_warning .awn_more>div:nth-child(2)>ul>li,
.area_warning .awn_more>div.resource_list>ul>li {
	position: relative;
	/*padding-left: 30px;*/
	padding: 4px 4px 4px 30px;
}

.area_warning .awn_more>div:nth-child(2)>ul a,
.area_warning .awn_more>div.resource_list>ul a {
	color: #000;
}

.area_warning .awn_more>div:nth-child(2)>ul>li:before,
.area_warning .awn_more>div.resource_list>ul>li:before {
	content: "";
	position: absolute;
	background-image: url(../images/icon_list_arrow.png);
	background-repeat: no-repeat;
	width: 6px;
	height: 8px;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
}

.area_warning .special {
	margin-top: 20px;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.14), 4px 6px 6px rgba(0, 0, 0, 0.18);
}

.area_warning .special .header {
	color: #f4316e;
	/*color: #f38585;*/
	background-color: transparent;
	margin: 0 20px;
	padding: 12px 0 8px 0;
	font-size: 1.4em;
	border-bottom: 2px solid #fe346f;
	height: 51px;
}

.area_warning .special .aat_scene {
	background-color: transparent;
	color: #000;
	padding: 20px;
	padding-left: 35px;
	box-shadow: none;
}

.area_warning .special .header_special {
	margin: 0 20px;
	padding: 12px 0 8px 0;
	position: absolute;
	z-index: 1000;
}

.area_warning .special .header_special>div {
	display: inline-block;
	font-size: 1.4em;
	padding-left: 15px;
	padding-right: 20px;
	position: relative;
}

.area_warning .special .header_special>div a {
	color: #000;
}

.area_warning .special .header_special>div.active {
	float: left;
}

.area_warning .special .header_special>div.active a {
	color: #fe346f;
}

.area_warning .special .header_special>div a:hover,
.area_warning .special .header_special>div a:focus {
	text-decoration: none;
}

.area_warning .special .header_special>div.separator {
	color: #fe346f;
	float: left;
}

.area_warning .special .special_alert {
	display: none;
}

.area_warning .special .special_alert.active {
	display: block;
}

.area_warning .special .special_new_icon {
	background-color: #ce0001;
	color: #ffffff;
	font-size: .7em;
	vertical-align: top;
	border-radius: 7px;
	padding: 0 5px;
}

.area_current {
	width: 100%;
	max-width: 420px;
	/* margin-top: 10px;
    */
	position: absolute;
	overflow: hidden;
	top: 10px;
	right: 0;
	font-weight: bold;
	background-color: rgba(0, 0, 0, .6);
	/*box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.19), 4px 6px 6px rgba(0, 0, 0, 0.23);
    */
	box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.14), 4px 6px 6px rgba(0, 0, 0, 0.18);
}

.area_current .header {
	padding: 6px 16px;
	/* background-color:rgba(255,255,255,.6);
    */
	/* font-size: 1.2em; */
	font-size: 19px;

}

.area_current .header,
.area_current .header a {
	/* color:#1b5397;
    */
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	position: relative;
}

.area_current .header:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 15px;
	right: 15px;
	background-color: #ffc001;
	height: 1px;
}

.area_current .header>div:nth-child(1) {
	display: inline-block;
	color: #ffc001;
	/* font-size: 1.4em; */
	font-size: 27px;
}

.area_current .header>div:nth-child(2) {
	float: right;
	/* font-style: italic;
					   
     font-size:0.833em;
    */
	line-height: 2.2em;
}

.area_current .detail {
	padding: 8px;
	/* background-color:rgba(255,255,255,.2);
    */
	position: relative;
	/* overflow:hidden;
    /* height:210px;
    */
}

.area_current .detail.loading {
	min-height: 246px;
}

.area_current .detail.loading:before {
	content: '';
	background-image: url(../images/index_loading.gif);
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100px;
}

.area_current .detail.loading>div {
	display: none;
}

.area_current .detail,
.area_current .detail a {
	/* color:#1b5397;
    */
	color: #fff;
	text-decoration: none;
}

.area_current .detail {
	/* opacity: 0;
     height: 0;
     overflow: hidden;
     -webkit-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
     -moz-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
     -ms-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
     -o-transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
     transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
    */
}

.area_current:hover .detail,
.area_current.active .detail {
	opacity: 1;
	/* height: 210px;
    */
}

.area_current .detail>div:nth-child(1) {
	/* background-color:rgba(255,255,255,.4);
    */
	/* width:33%;
    */
	padding: 5px 10px;
	position: relative;
	z-index: 3104;
	/* font-size: 1.2em; */
	font-size: 19px;

}

.area_current .detail>div:nth-child(1)>div:nth-child(1) {
	margin-bottom: 10px;
}

.area_current .detail>div:nth-child(1)>div:nth-child(2) {
	display: inline-block;
}

.area_current .detail>div:nth-child(1)>div:nth-child(2)>div {
	margin-right: 10px;
	display: inline-block;
	/* font-size: 1.4em; */
	font-size: 27px;

}

.area_current .detail>div:nth-child(1)>div:nth-child(2) img {
	vertical-align: text-top;
	margin-right: 4px;
	padding: 4px 0;
}

.area_current .detail>div:nth-child(1)>div:nth-child(3) {
	display: inline-block;
	vertical-align: text-top;
}

.area_current .detail>div:nth-child(1)>div:nth-child(3) img {
	vertical-align: text-top;
}

.area_current .bg.circle {
	position: relative;
	transform: translate(-50%, -50%);
}

.area_current .bg.circle div {
	text-align: center;
}


/*.area_current .bg.circle:after{
     content:"";
     background-color:rgba(255,255,255,.3);
     border-radius: 100px;
     position:absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%,-50%);
     box-shadow: 2px 2px 12px -4px #000;
     z-index: -1;
   
									   
					 
			 
			  
					 
						
 
									   
				   
		   
		   
			 
				   
			  
 
												  
							  
}
*/

.area_current .detail>div:nth-child(2) {
	/* position:absolute;
     top: 74%;
     left: 24%;
     text-align:center;
    */
	padding: 15px 5px 0 5px;
}

.area_current .detail>div:nth-child(3) {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 120px;
	text-align: center;
	z-index: 3103;
}

.area_current .detail>div:nth-child(3) .bg.circle {
	transform: translate(0, -50%);
}

.area_current .detail>div:nth-child(4) {
	position: absolute;
	top: 103%;
	right: -13%;
	text-align: center;
}

.area_current .detail>div:nth-child(4) .bg.circle div {
	text-align: left;
}

.area_current .detail>div:nth-child(2) .bg.circle:after {
	width: 160px;
	height: 160px;
}

.area_current .detail>div:nth-child(3) .bg.circle:after {
	width: 155px;
	height: 155px;
}

.area_current .detail>div:nth-child(4) .bg.circle:after {
	width: 200px;
	height: 200px;
}

.area_current .detail>div:nth-child(2)>div>div:nth-child(1) {
	/* font-size: 4em; */
	font-size: 64px;
	font-weight: bold;
	/* border-bottom: 2px solid #1f4091;
    */
	line-height: 1em;
	text-align: left;
	position: relative;
}

.area_current .detail>div:nth-child(2) .bg.circle>div:nth-child(1):before {
	content: "";
	width: 22px;
	height: 31px;
	position: absolute;
	left: -25px;
	top: 50%;
	transform: translateY(-50%);
	background-image: url(../images/icon_current_temp.png);
	background-repeat: no-repeat;
}

.area_current .detail>div:nth-child(2)>div>div:nth-child(2) {
	/* font-size: 4em; */
	font-size: 64px;
	font-weight: bold;
	margin-top: 2px;
	text-align: left;
	position: relative;
}

.area_current .detail>div:nth-child(2) .bg.circle>div:nth-child(2):before {
	content: "";
	width: 22px;
	height: 31px;
	position: absolute;
	left: -25px;
	top: 50%;
	transform: translateY(-50%);
	background-image: url(../images/icon_current_humi.png);
	background-repeat: no-repeat;
}

.area_current .detail>div:nth-child(4) .bg.circle {
	padding-bottom: 50px;
}

.area_current .footer {
	padding: 5px 20px 15px 20px;
	/* font-size: 1.2em; */
	font-size: 19px;

	/* background-color: rgba(255, 255, 255, .8);
    */
	min-height: 65px;
}

.area_current .footer>div {
	text-align: left;
	/* color:#1b5397;
    */
	color: #fff;
}

.area_slogan {
	display: inline-block;
	margin-top: 230px;
	/* padding: 4px 20px;
	font-style: italic;
	*/
	font-size: 2.4em;
	letter-spacing: .16em;
	color: #014c86;
	font-weight: bold;
	/* background-color: rgba(4, 37, 51, 0.8);
    */
}

body.englishVersion .area_slogan {
	letter-spacing: 0;
}

.my_alert .area_slogan {
	/* margin-top: 430px; */
	margin-top: 448px;
	color: #FFF;
	text-shadow: 3px 3px 2px #222;
}

.warea5 .area_slogan {
	color: #fff;
}

.warea7 .area_slogan {
	color: #fff;
}

.area_location {
	position: absolute;
	right: 0;
	top: 280px;
	padding-left: 35px;
	/* max-width: 500px;
     width: 100%;
    */
}

.area_location>div>div {
	display: inline-block;
}

.area_location>div>div:nth-child(2) {
	position: relative;
}

.area_location>div>div:nth-child(2) {
	position: relative;
}

.area_location>div>div:nth-child(2) {
	opacity: 0;
	width: 0;
	white-space: nowrap;
	-webkit-transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out;
}


/*.area_location:hover>div>div:nth-child(2),*/

.area_location.active>div>div:nth-child(2) {
	opacity: 1;
	width: 457px;
}

.area_location>div>div:nth-child(2)>div:nth-child(1) {
	overflow: hidden;
	height: 101px;
}

.area_location>div>div:nth-child(1) a {
	display: block;
	background-color: rgba(4, 37, 51, 0.7);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	padding: 0 5px;
}

.area_location>div>div:nth-child(1) a>img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.area_location>div>div:nth-child(2)>div:nth-child(1)>div {
	display: inline-block;
	padding: 5px;
	margin-left: 5px;
	background-color: rgba(255, 255, 255, .8);
}

.area_location .loc {
	color: #1a3a85;
	font-weight: bold;
	font-size: 1.2em;
	padding: 3px 0;
}

.area_location .data {
	padding-bottom: 4px;
}

.area_location .data .icon {
	display: inline-block;
	padding: 5px;
	border: 1px solid #678596;
	border-radius: 100px;
}

.area_location .data .temp {
	float: right;
	font-weight: bold;
	padding-left: 4px;
}

.area_location .data .temp .highest {
	color: #e52904;
}

.area_location .data .temp .lowest {
	color: #1e4192;
}

.area_location>div>div:nth-child(2)>div:nth-child(2) {
	position: absolute;
	bottom: 0;
	right: 0;
	transform: translateY(50%);
}

.area_location>div>div:nth-child(2)>div:nth-child(2) a {
	display: block;
	padding: 10px;
	width: 35px;
	height: 35px;
	background-color: rgba(4, 37, 51, 0.7);
}

.mainpage0 {
	position: relative;
	z-index: 8500;
	background-color: #fff;
}

.mainpage0>div:nth-child(2) {
	z-index: 4000;
	position: relative;
	/* position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     padding: 28px 0;
     font-style: italic;
     font-size: 2.4em;
     color: #fff;
     background-color: rgba(4, 37, 51, 0.8);
    */
}

.mainpage0>div:nth-child(3) {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	z-index: 9010;
}

.mainpage0>div:nth-child(3) .flex-direction-nav .flex-prev {
	left: 0;
	opacity: 1;
	background-color: #7f7f7f;
	text-align: center;
	font-size: 0;
	width: auto;
	height: auto;
}

.mainpage0>div:nth-child(3) .flex-direction-nav .flex-next {
	right: 0;
	opacity: 1;
	background-color: #7f7f7f;
	text-align: center;
	font-size: 0;
	width: auto;
	height: auto;
}

.mainpage0>div:nth-child(3) .flex-direction-nav a:before {
	color: rgba(255, 255, 255, 1);
	font-size: 20px;
	padding: 13px 18.5px;
}

.mainpage0>div:nth-child(2) .container>div {
	/* opacity: 0;
     -webkit-transition: opacity 0.3s ease-in-out;
     -moz-transition: opacity 0.3s ease-in-out;
     -ms-transition: opacity 0.3s ease-in-out;
     -o-transition: opacity 0.3s ease-in-out;
     transition: opacity 0.3s ease-in-out;
    */
}

.mainpage0:hover>div:nth-child(2) .container>div,
.mainpage0.active>div:nth-child(2) .container>div {
	opacity: 1;
}

.mainpage0 .next_page {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}

.mainpage0 .next_page a {
	position: relative;
	border-radius: 100px;
	background-color: rgba(255, 255, 255, .1);
	/* border: 4px solid #fff;
    */
	width: 55px;
	height: 55px;
	display: block;
	margin-top: 2px;
}

.mainpage0 .next_page a img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.mainpage0 .special .area_alert {
	position: relative;
	height: 200px;
}

.mainpage0 #flexslider_sw {
	background-color: transparent;
	max-height: 120px;
	padding-bottom: 30px;
	position: static;
}

.mainpage0 #flexslider_sw .slides {
	max-height: 120px;
	overflow: hidden;
}

.mainpage0 #flexslider_sw .slides>li>span {
	float: right;
	font-size: .833em;
}

.mainpage0 #flexslider_sw a {
	color: #fff;
}

#flexslider_sw .flex-pauseplay {
	position: absolute;
	top: 20px;
	right: 118px;
}

#flexslider_sw .flex-pauseplay a {
	color: #000;
	position: relative;
	width: 22px;
	height: 22px;
	text-align: center;
	padding: 3px;
	left: auto;
	bottom: auto;
	text-decoration: none;
}

#flexslider_sw .flex-pauseplay a:before {
	display: block;
	font-size: 15px;
	padding-right: 15px;
}

#flexslider_sw .flex-direction-nav {
	display: none;
}

.mainpage0 .special .flex_control_area {
	position: absolute;
	right: 20px;
	top: 20px;
}

.mainpage0 .special .flex_control_area .prevBtn,
.mainpage0 .special .flex_control_area .nextBtn {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.mainpage0 .special .flex_control_area .count {
	margin: 0 6px;
	display: inline-block;
	color: #000;
}

.mainpage0 .special .flex_control_area .prevBtn>a:before {
	font-family: "flexslider-icon";
	font-size: 15px;
	display: inline-block;
	content: '\f001';
	color: #000;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.mainpage0 .special .flex_control_area .nextBtn>a:before {
	font-family: "flexslider-icon";
	font-size: 15px;
	display: inline-block;
	content: '\f002';
	color: #000;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.mainpage0 .special .flex_control_area div.prevBtn>a,
.mainpage0 .special .flex_control_area div.nextBtn>a {
	background: transparent;
	text-indent: 0;
	font-size: 0;
	padding: 0 1px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	box-shadow: none;
}

.mainpage0_2 {
	background-color: #f0baba;
	background-image: radial-gradient(circle, #ffdada, #fdd2d2, #f0baba);
}

.mainpage0_2.active {
	padding: 40px 0;
}

.mainpage0_2 .area_alert {
	margin-bottom: 20px;
}

.mainpage0_2 .area_alert2 .header {
	padding: 12px 25px;
	font-size: 1.4em;
	letter-spacing: 5px;
	color: #fff;
	background-color: #b60000;
}

.mainpage0_2 .area_alert2 .aat_scene>div {
	margin-bottom: 20px;
}

.mainpage0_2 .area_alert2 .aat_scene>div:last-child {
	margin-bottom: 0;
}

.mainpage0_2 .area_alert2 .aat_scene>div:last-child>div {
	display: inline-block;
	margin-right: 20px;
}

.mainpage0_2 .area_alert2 .aat_scene>div>div:nth-child(2) {
	margin-top: 12px;
}

.mainpage0_2 .area_alert2 .aat_scene>div:last-child>div:nth-child(2) {
	margin-top: 0;
}

.mainpage0_2 .area_alert3 .header {
	padding: 12px 25px;
	font-size: 1.4em;
	letter-spacing: 5px;
	color: #fff;
	background-color: #b60000;
}

.mainpage0_2 .area_alert2 .header>span,
.mainpage0_2 .area_alert3 .header>span {
	font-size: .857em;
	letter-spacing: normal;
	float: right;
	line-height: 2em;
}

.mainpage0_2 .area_expand>div:nth-child(1)>a,
.mainpage2 .area_expand>div:nth-child(1)>a {
	position: relative;
}

.mainpage0_2 .area_expand>div:nth-child(1)>a:after,
.mainpage2 .area_expand>div:nth-child(1)>a:after {
	content: "";
	display: inline-block;
	margin-left: 8px;
	vertical-align: baseline;
	width: 0px;
	height: 0px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #5395ce;
	transform: translateY(-50%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.mainpage0_2 .area_expand.active>div:nth-child(1)>a:after,
.mainpage2 .area_expand.active>div:nth-child(1)>a:after {
	transform: translateY(-50%) rotate(180deg);
}

.mainpage0_2 .area_expand>div:nth-child(2),
.mainpage2 .area_expand>div:nth-child(2) {
	opacity: 0;
	position: absolute;
	z-index: -1;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.mainpage0_2 .area_expand.active>div:nth-child(2),
.mainpage2 .area_expand.active>div:nth-child(2) {
	opacity: 1;
	position: relative;
	z-index: 1000;
}

.chineseVersion .mainpage0_2 .header {
	padding: 12px 25px;
}

.mainpage1 {
	padding: 40px 0;
	background-color: #dcf6ff;
	background-image: url(../images/bg/hk.png);
	background-position: center top;
	position: relative;
	background-size: cover;
}

.mainpage1>div>.header {
	color: #fff;
	font-weight: bold;
	font-size: 2.4em;
	margin-bottom: 20px;
	letter-spacing: .16em;
}

.mainpage1 .part_map {
	position: relative;
	z-index: 3001;
	min-height: 580px;
	-webkit-transform: translateZ(0);
}

.area_weather_map {
	position: relative;
	z-index: 3050;
	margin-right: 335px;
}

.awm_select>div>div:nth-child(1) {
	position: relative;
	width: 165px;
	z-index: 3200;
}

.awm_select>div {
	margin-bottom: 4px;
	/* position: relative;
    */
}

.awm_select>div>div:nth-child(1) a {
	color: #fff !important;
	text-decoration: none;
	/*background-color: #222;*/
	background-color: transparent !important;
	display: block;
	/* height:191px;
    */
	/*height: 134px;
    */
	height: 75px;
	/*text-align: center;*/
	text-align: left;
	position: relative;
}

.awm_select>div>div:nth-child(1) a>span:before {
	content: '';
	background: url(../images/point.png);
	position: absolute;
	width: 15px;
	height: 15px;
	background-size: 15px;
	background-repeat: no-repeat;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.awm_select>div>div:nth-child(1) a>span {
	/*font-size: 1em;*/
	font-size: 0.96em;
	/*letter-spacing: .16em;*/
	/* font-weight:bold;
    */
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	/*left: 12px;
	right: 12px;*/
	left: 0;
	right: 0;
	padding-left: 27px;
}

.chineseVersion .awm_select>div>div:nth-child(1) a>span {
	font-size: 1.3em;
}

.awm_select>div:nth-child(1)>div:nth-child(1) a {
	background-color: #1b5397;
}

.awm_select>div:nth-child(2)>div:nth-child(1) a {
	background-color: #7eab42;
}

.awm_select>div:nth-child(3)>div:nth-child(1) a {
	background-color: #000;
}

.awm_select>div:nth-child(5)>div:nth-child(1) a {
	background-color: #147f6b;
}

.awm_select>div:nth-child(6)>div:nth-child(1) a {
	background-color: #446e7e;
}

.awm_select>div:nth-child(7)>div:nth-child(1) a {
	background-color: #047d43;
}

.awm_select>div.active>div:nth-child(1):after {
	/*content: "";*/
	position: absolute;
	top: 50%;
	margin-top: -20px;
	left: 100%;
	width: 0px;
	height: 0px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #000;
}

.awm_select>div.active>div:nth-child(1) a:after {
	content: "";
	position: absolute;
}

.awm_select>div>div:nth-child(1) a:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 6px;
	width: 1px;
	background-color: #fff;
	transform: translate(0, -50%);
}

.awm_select>div:nth-child(1)>div:nth-child(1) a:after {
	display: none;
}

.awm_select>div.active>div:nth-child(1) a>span:after,
.awm_select>div>div:nth-child(1) a:hover>span:after,
.awm_select>div>div:nth-child(1) a:focus>span:after {
	content: "";
	position: absolute;
	left: -10px;
	right: -10px;
	top: -10px;
	bottom: -10px;
	background-color: #1768dd;
	border-radius: 10em;
	z-index: -1;
	/*
	opacity: .9;*/
	box-shadow: 4px 4px 10px -4px #000;

	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 95% center;
}

.awm_select>div:nth-child(1).active>div:nth-child(1):after {
	border-left-color: #1b5397;
}

.awm_select>div:nth-child(2).active>div:nth-child(1):after {
	border-left-color: #7eab42;
}

.awm_select>div:nth-child(3).active>div:nth-child(1):after {
	border-left-color: #000;
}

.awm_select>div:nth-child(5).active>div:nth-child(1):after {
	border-left-color: #147f6b;
}

.awm_select>div:nth-child(6).active>div:nth-child(1):after {
	border-left-color: #446e7e;
}

.awm_select>div:nth-child(7).active>div:nth-child(1):after {
	border-left-color: #047d43;
}

.awm_select .awm_scene {
	padding: 26px;
	width: calc(100% - 155px);
	/* background-image:url(../images/bg_weather_map.png);
     background-repeat: repeat;
    */
	background-color: rgba(255, 255, 255, 0.376);
	/*background-color: #ffffff60;*/
	/*box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.19), 4px 6px 6px rgba(0, 0, 0, 0.23);
    */
	box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.14), 4px 6px 6px rgba(0, 0, 0, 0.18);
	/* box-shadow: 0 0 12px -3px #666;
    */
	position: absolute;
	z-index: 3100;
	/*height: 547px;
    */
	height: 549px;
	top: 0;
	left: 155px;
	/* display: none;
    */
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.awm_select .awm_scene>div>div:nth-child(2) {
	text-align: center;
}

.awm_select>.active .awm_scene {
	display: block;
	visibility: visible;
	opacity: 1;
}

.awm_scene.scene_1 .detail_select {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 20px;
}

.awm_scene.scene_1 #select2 {
	background-color: #e2615c;
	padding: 8px 8px 14px 13px;
	margin: 11px 1px;
}

.awm_scene.scene_1 .detail_select>li {
	display: inline-block;
}

.awm_scene.scene_1 .detail_select>li a {
	display: block;
	padding: 5px 20px;
	position: relative;
	color: #000;
}

.awm_scene.scene_1 .detail_select>li.active a {
	color: #1b5397;
}

.awm_scene.scene_1 .detail_select>li:nth-child(1) a:before {
	display: none;
}

.awm_scene.scene_1 .detail_select>li a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	bottom: 8px;
	width: 2px;
	background-color: #cdcdcd;
}

.awm_scene.scene_1>div,
.awm_scene.scene_3>div,
.awm_scene.scene_5>div {
	position: relative;
}

.awm_scene.scene_1>div>div select,
.awm_scene.scene_3>div>div select,
.awm_scene.scene_5>div>div select {
	/*margin: 10px 0;*/
	font-size: 1.2em;
	padding-bottom: 5px;
	padding-top: 5px;
}

.englishVersion .awm_scene.scene_1>div>div select,
.englishVersion .awm_scene.scene_3>div>div select,
.englishVersion .awm_scene.scene_5>div>div select {
	padding-bottom: 2px;
	padding-top: 2px;
}

.englishVersion .awm_scene.scene_1>div>div select {
	width: calc(100% - 200px);
}

.awm_scene.scene_1>div>div:nth-child(2),
.awm_scene.scene_3>div>div:nth-child(2) {
	position: absolute;
	top: 0;
	right: 0;
	padding: 2px 0;
	text-align: right;
}

.awm_scene.scene_1>div>div:nth-child(3) {
	margin-bottom: 0;
	background: url(../wxinfo/rainfall/tvQCcokrigrfmap60m16to9.png);
	/*background-position-y: -48px;
    background-position-x: 8px;*/
}

.awm_scene.scene_1>div>div:nth-child(4) {
	/*	text-align: left;*/
	text-align: right;
}

.awm_scene.scene_1>div>div:nth-child(4)>div {
	display: inline-block;
	position: relative;
}

.awm_scene.scene_1>div>div:nth-child(4)>div:after {
	/*	content: '';
	position: absolute;
	width: 1px;
	top: 8px;
	bottom: 8px;
	right: 0;
	background-color: #000;*/
}

.awm_scene.scene_1>div>div:nth-child(4)>div:last-child:after {
	display: none;
}

.awm_scene.scene_3>div>div:nth-child(4)>div,
.awm_scene.scene_4>div>div:nth-child(3)>div,
.awm_scene.scene_5>div>div:nth-child(3)>div,
.awm_scene.scene_6>div>div:nth-child(3)>div,
.awm_scene.scene_7>div>div:nth-child(3)>div {
	text-align: right;
}

.awm_scene.scene_1>div>div:nth-child(4)>div>a,
.awm_scene.scene_2>div>div:nth-child(4)>a,
.awm_scene.scene_3>div>div:nth-child(4)>div>a,
.awm_scene.scene_4>div>div:nth-child(3)>div>a,
.awm_scene.scene_5>div>div:nth-child(3)>div>a,
.awm_scene.scene_6>div>div:nth-child(3)>div>a,
.awm_scene.scene_7>div>div:nth-child(3)>div>a {
	display: inline-block;
	/* width: 220px; */
	text-align: center;
	/*padding: 10px 20px 10px 10px;*/
	/* padding: 13px 30px; */
	padding: 10px 20px;
	/* margin: 11px 1px; */
	margin: 11px 4px;
	color: #fff !important;
	text-decoration: none;
	/* font-size: 1.2em; */
	/* letter-spacing: .16em; */
	/* background-color: #DD4540; */
	background-color: #DB3933;
	border-radius: 10em;
	position: relative;
}

.awm_scene.scene_1>div>div:nth-child(4)>div>a:after,
.awm_scene.scene_2>div>div:nth-child(4)>a:after,
.awm_scene.scene_3>div>div:nth-child(4)>div>a:after,
.awm_scene.scene_4>div>div:nth-child(3)>div>a:after,
.awm_scene.scene_5>div>div:nth-child(3)>div>a:after,
.awm_scene.scene_6>div>div:nth-child(3)>div>a:after,
.awm_scene.scene_7>div>div:nth-child(3)>div>a:after {
	/*content:"";*/
	position: absolute;
	width: 10px;
	height: 20px;
	right: 10px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	top: 50%;
	margin-top: -10px;
}

.awm_scene.scene_1>div>div:nth-child(4)>div:nth-child(2)>a {
	/*padding:4px 8px;
    */





	/* background-color:#1b5397;
    */
}

.awm_scene.scene_1 .detail_title,
.awm_scene.scene_2 .detail_title,
.awm_scene.scene_3 .detail_title,
.awm_scene.scene_4 .detail_title,
.awm_scene.scene_5 .detail_title,
.awm_scene.scene_6 .detail_title,
.awm_scene.scene_7 .detail_title {
	font-size: 1.4em;
	/*padding: 10px 0;*/
	padding-bottom: 16px;
	color: #fff;
	font-weight: normal;
	text-shadow: 1px 1px 1px #222;
}

.awm_scene.scene_2>div>div:nth-child(3)>select {
	padding: 11px 8px 15px 13px;
	margin: 11px 0;
	font-size: 1em;
}

.awm_scene.scene_3>div>div:nth-child(4)>div,
.awm_scene.scene_4>div>div:nth-child(3)>div,
.awm_scene.scene_5>div>div:nth-child(4)>div,
.awm_scene.scene_6>div>div:nth-child(3)>div,
.awm_scene.scene_7>div>div:nth-child(3)>div {
	margin: 0;
	font-size: .9en;
}

/*.awm_scene.scene_3>div>div:nth-child(4)>div>a,
.awm_scene.scene_4>div>div:nth-child(3)>div>a,
.awm_scene.scene_5>div>div:nth-child(3)>div>a,
.awm_scene.scene_6>div>div:nth-child(3)>div>a,
.awm_scene.scene_7>div>div:nth-child(3)>div>a {
	display: block;
	text-align: center;
	padding: 4px 8px;
	margin: 0 auto;
	color: #000 !important;
	text-decoration: none;
	font-size: 1.2em;
	letter-spacing: .16em;
}*/

.awm_scene.scene_3>div>div:nth-child(4)>div>a {
	display: inline-block;
}

.awm_scene.scene_4 iframe,
.awm_scene.scene_3 iframe {
	width: 100%;
	height: 399px;
}

.area_highlights {
	position: absolute;
	top: 0;
	right: 0;
	width: 320px;
	height: 549px;
	z-index: 3400;
}


/*.my_alert .area_highlights{
     position:relative;
     top:auto;
     right:auto;
     width:auto;
     height:auto;
     margin-top: 40px;
   
						 
								
					 
					  
					   
					 
					  
						
				
							  
}
*/

.area_highlights .header {
	/* background-color: #ab0b75;
     color: #f7c913;
    */
	/* padding: 30px;
    */
	padding: 12px 25px;
	font-size: 1.4em;
	/*letter-spacing: 5px;*/
	/* font-weight: bold;
    */
	color: #fff;
	background-color: #1b5397;
}

.chineseVersion .area_highlights .header {
	padding: 12px 25px;
}

.ahl_scene {
	/* background-image: url(../images/bg_weather_map.png);
     background-repeat: repeat;
    */
	background-color: #ffffff60;
	/*box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.19), 4px 6px 6px rgba(0, 0, 0, 0.23);
    */
	box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.14), 4px 6px 6px rgba(0, 0, 0, 0.18);
	/* box-shadow: 0 0 12px -3px #666;
    */
	padding-bottom: 1px;
	height: 497px;
	overflow: hidden;
}

.chineseVersion .ahl_scene {
	height: 493px;
}

.ahl_scene ul>li>div {
	padding: 0 25px;
}

.ahl_scene ul>li>div>div {
	margin: 15px 0;
}

.full .ahl_scene ul>li>div>div {
	display: inline-block;
	width: 25%;
}

.mainpage1 .area_alert3 {
	position: absolute;
	width: 360px;
	top: 0;
	right: 0;
}

.mainpage1 .area_highlights .header {
	padding: 26px 25px 0 25px;
	font-size: 1.4em;
	/*letter-spacing: 5px;*/
	color: #fff;
	background-color: #ffffff60;
	text-shadow: 1px 1px 1px #222;
}


.mainpage1 .area_alert3 .header {
	padding: 12px 25px;
	font-size: 1.4em;
	letter-spacing: 5px;
	color: #fff;
	background-color: #b60000;
}

.chineseVersion .mainpage1 .area_alert3 .header {
	padding: 12px 25px;
}

.aat_scene {
	background-color: #fff;
	box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.14), 4px 6px 6px rgba(0, 0, 0, 0.18);
	padding: 20px;
	/*font-size: 1.2em;*/
	font-size: 18px;
}

.mainpage1 .aat_scene {
	height: 489px;
}

.mainpage1_2 {
	padding: 40px 0;
	background-color: #f5f5f5;
}

#flexslider_hl.flexslider {
	margin-bottom: 0;
	background-color: transparent;
}

#flexslider_hl .flex-control-nav {
	position: relative;
	margin-top: 20px;
	width: auto;
	display: inline-block;
}

#flexslider_hl .flex-direction-nav {
	display: none;
}

#flexslider_hl .flex_control_area {
	text-align: center;
}

#flexslider_hl .flex_control_area .prevBtn,
#flexslider_hl .flex_control_area .nextBtn {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

#flexslider_hl .flex_control_area .prevBtn>a:before {
	font-family: "flexslider-icon";
	font-size: 15px;
	display: inline-block;
	content: '\f001';
	color: rgba(21, 7, 7, 1);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

#flexslider_hl .flex_control_area .nextBtn>a:before {
	font-family: "flexslider-icon";
	font-size: 15px;
	display: inline-block;
	content: '\f002';
	color: rgba(21, 7, 7, 1);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

#flexslider_hl .flex_control_area div.prevBtn>a,
#flexslider_hl .flex_control_area div.nextBtn>a {
	background: transparent;
	text-indent: 0;
	font-size: 0;
	padding: 0 1px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	box-shadow: none;
}

#flexslider_hl .flex-control-paging li a {
	background: rgba(0, 0, 0, 0.7);
	/*border: 1px solid #000; new*/
}

#flexslider_hl .flex-control-paging li a.flex-active {
	background: #850F0F;
	/* background: rgba(229, 51, 41, 1); */
	/*border: 1px solid #000; new*/
}

.mainpage2 {
	/* min-height:760px;
    */
	padding: 40px 0;
	background-color: #1e69aa;
	background-image: url(../images/bg/climate.png);
	/* background-image: url(../images/bg_home2_1_2.jpg);
    */
	background-repeat: repeat;
	background-position: top center;
	position: relative;
	z-index: 2000;
}

.mainpage2>div>.header {
	color: #fff;
	font-weight: bold;
	font-size: 2.4em;
	margin-bottom: 20px;
	letter-spacing: .16em;
}

.mainpage2>div>.header span {
	font-size: .583em;
	margin-left: 20px;
	font-style: italic;
	float: right;
	letter-spacing: 0;
}

.awf_select {
	position: relative;
	min-height: 450px;
	/* background-color:#fff;
    /*box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.19), 4px 6px 6px rgba(0, 0, 0, 0.23);
    */
	/* box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.14), 4px 6px 6px rgba(0, 0, 0, 0.18);
    */
}

.area_weather_forecast {
	/* position:relative;
    */
	color: #000;
	/* box-shadow: 2px 2px 12px -2px #000;
    */
	margin-bottom: 50px;
	/* position:relative;
    */
	position: static;
	display: inline-block;
}


/*.area_weather_forecast:after{
     content:"";
     position:absolute;
     left:0;
     right:0;
     top:0;
     bottom:0;
     background-color:#1b5397;
     mix-blend-mode: multiply;
     z-index:-1;
   
						 
			   
}
*/

.area_weather_forecast a {
	/* color: #1b5397; */
	color: #1D5CAA;
}

.iePublic .area_weather_forecast,
.arPublic .area_weather_forecast {
	background-color: rgba(2, 70, 160, 0.6);
}

.iePublic .area_weather_forecast:after,
.arPublic .area_weather_forecast:after {
	display: none;
}

.area_weather_forecast>div:nth-child(1) {
	/* padding: 20px 30px;
     font-size: 1.4em;
				
    /* display:inline-block;
     margin-right: 2px;
    */
	position: relative;
	z-index: 3000;
}

.area_weather_forecast>div:nth-child(1)>a {
	padding: 10px 48px;
	font-size: 1.4em;
	color: #fff;
	display: block;
	background-color: #50606f;
	/* border-bottom: 1px solid #2a7bc7;
    */
	text-decoration: none;
}

.area_weather_forecast>div:nth-child(1)>a:hover {
	text-decoration: none !important;
}

.area_weather_forecast.active>div:nth-child(1)>a {
	/* border-color:#205fae;
     background: none;
    */
	background-color: #ffc000;
	color: #000;
}

.area_weather_forecast>div:nth-child(1)>a:hover,
.area_weather_forecast>div:nth-child(1).active>a {
	background-color: #0d518e;
	color: #fff;
	/* background-color: #134a73;
    */
}

.area_weather_forecast>div:nth-child(1) span {
	font-size: .666em;
	margin-left: 20px;
	font-style: italic;
	float: right;
}

.area_weather_forecast.awf_1>div:nth-child(2)>div:nth-child(1) {
	display: inline-block;
	width: 320px;
	background-color: #e9f3ff;
}

.area_weather_forecast.awf_1>div:nth-child(2)>div:nth-child(2) {
	display: inline-block;
	/*width: 880px;
    */
	width: calc(100% - 320px);
	border-left: 2px solid #1e69aa;
	/*background-color: #ffffff80;*/
	background-color: rgba(255, 255, 255, 0.78);
}

.area_weather_forecast.awf_1>div:nth-child(2)>div:nth-child(2)>div {
	padding: 0 2px 15px 0;
	margin: 0 20px;
	min-height: 150px;
	/* border-bottom: 1px solid #87aad4;
     border-top: 1px solid #032678;
    */
}

.area_weather_forecast.awf_1>div:nth-child(2)>div:nth-child(2)>div:nth-child(1) {
	border-top: 0;
}

.area_weather_forecast.awf_1>div:nth-child(2)>div:nth-child(2)>div:last-child {
	border-bottom: 0;
	margin-bottom: 50px;
}

.area_weather_forecast.awf_1>div:nth-child(2)>div:nth-child(2)>div:nth-child(2),
.area_weather_forecast.awf_1>div:nth-child(2)>div:nth-child(2)>div:nth-child(3) {
	padding: 5px 2px 5px 0;
}

.area_weather_forecast.awf_2>div:nth-child(1) {
	position: relative;
}

.area_weather_forecast.awf_2>div:nth-child(1)>a:after {
	content: "";
	display: inline-block;
	width: 13px;
	height: 12px;
	background-image: url(../images/icon_extlsit_arrow.png);
	background-repeat: no-repeat;
}

.area_weather_forecast.awf_2>div:nth-child(1)>ul {
	display: block;
	position: absolute;
	visibility: hidden;
	top: 100%;
	left: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-size: 1.2em;
	background-color: #fff;
	list-style: none;
	padding: 4px 0;
	margin: 0;
}

.area_weather_forecast.awf_2>div:nth-child(1).active,
.area_weather_forecast.awf_2>div:nth-child(1):hover {
	z-index: 4000;
}

.area_weather_forecast.awf_2>div:nth-child(1).active>ul,
.area_weather_forecast.awf_2>div:nth-child(1):hover>ul {
	opacity: 1;
	visibility: visible;
	background-color: #fff1d2;
}

.area_weather_forecast.awf_2>div:nth-child(1)>ul>li {
	padding: 4px;
	padding-left: 50px;
	position: relative;
}

.area_weather_forecast.awf_2>div:nth-child(1)>ul>li:before {
	content: "";
	position: absolute;
	background-image: url(../images/icon_list_arrow.png);
	background-repeat: no-repeat;
	width: 6px;
	height: 8px;
	left: 34px;
	top: 50%;
	transform: translateY(-50%);
}

.area_weather_forecast.awf_2>div:nth-child(1)>ul>li a {
	color: #000;
}

.area_weather_forecast>div:nth-child(2) {
	/* background-color:transparent;
    */
	background-color: #fff;
	box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.14), 4px 6px 6px rgba(0, 0, 0, 0.18);
	padding-bottom: 3px;
	/*
    /*box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.19), 4px 6px 6px rgba(0, 0, 0, 0.23);
     box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.14), 4px 6px 6px rgba(0, 0, 0, 0.18);
    */
	position: absolute;
	z-index: 3200;
	/* display:none;
    */
	left: 0;
	right: 0;
	top: 54px;
	/*max-height: 730px;*/
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.area_weather_forecast.active>div:nth-child(2) {
	display: block;
	visibility: visible;
	opacity: 1;
	/*padding-top: 10px;*/
	padding-top: 0;
	padding-bottom: 0;
	white-space: nowrap;
	background-color: transparent;
}

.area_weather_forecast.awf_2.active>div:nth-child(2) {
	background-color: #e9f3ff;
}

.area_weather_forecast.active>div:nth-child(2)>div {
	white-space: normal;
	padding-top: 20px;
}

.area_weather_forecast.awf_2>div:nth-child(2)>div {
	padding: 30px 20px 20px 20px;
}

.area_weather_forecast>div:nth-child(2)>div:nth-child(1) {
	/* padding: 0 30px 20px 30px;
     margin:0 -20px;
     padding-top: 30px;
     padding-bottom:20px;
    */
}

.area_weather_forecast>div:nth-child(2)>div:nth-child(2) .header {
	/* padding: 5px 10px;
    /* margin-top: 50px;
    */
}

.area_weather_forecast>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(3) {
	font-size: 1.2em;
}

.area_weather_forecast>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>div:nth-child(2) .scrollbar-outer {
	max-height: 125px;
}

.area_weather_forecast>div:nth-child(2)>div:nth-child(2)>div:nth-child(2) {
	height: 290px;
}

.area_weather_forecast>div:nth-child(2)>div:nth-child(2) .header a {
	font-size: 1.4em;
	color: #1b5397;
}

.area_weather_forecast>div:nth-child(2)>div:nth-child(2)>div:nth-child(3) .header a {
	color: #14806c;
}

.area_weather_forecast>div:nth-child(2)>div:nth-child(2) .header span {
	margin-left: 20px;
	font-style: italic;
	float: right;
	letter-spacing: 0;
}

.area_weather_forecast>div:nth-child(2)>div:nth-child(1)>div {
	/* display:inline-block;
     width: 33.33%;
    */
	padding: 15px 5px to 5px 5px;
	margin: 0 10px 0 15px;
	min-height: 110px;
	/* border-bottom: 1px solid #87aad4;
     border-top: 1px solid #032678;
    */
}

.area_weather_forecast>div:nth-child(2)>div:nth-child(1)>div .header {
	position: relative;
}

.area_weather_forecast>div:nth-child(2)>div:nth-child(1)>div .header span {
	margin-left: 20px;
	font-style: italic;
	float: right;
	letter-spacing: 0;
	line-height: 2em;
}

.area_weather_forecast>div:nth-child(2)>div:nth-child(1)>div:nth-child(1) {
	border-top: 0;
}

.area_weather_forecast>div:nth-child(2)>div:nth-child(1)>div:last-child {
	border-bottom: 0;
}

.area_weather_forecast>div:nth-child(2)>div:nth-child(1)>div>div:nth-child(1)>a {
	display: inline;
	color: #1b5397;
	font-size: 1.4em;
	/* font-weight: bold;
					  
     margin-bottom: 25px;
    */
}

.area_weather_forecast>div:nth-child(2)>div:nth-child(1)>div>div:nth-child(2) {
	/* position:absolute;
     left:0;
     right:0;
     display:none;
     padding: 0 30px;
    */
}

.area_weather_forecast>div:nth-child(2)>div:nth-child(1)>div.active>div:nth-child(2) {
	/* display:block;
    */
}

.area_weather_forecast>div:nth-child(2)>div:nth-child(1)>div>div:nth-child(2)>div {
	/*overflow-y: hidden;*/
	/*font-size: 1.2em;*/
	/*height: 110px;*/
}

/*
.area_weather_forecast>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>div {
	height: 120px;
}

.area_weather_forecast>div:nth-child(2)>div:nth-child(1)>div:nth-child(2)>div:nth-child(2)>div {
	height: 100px;
}

.area_weather_forecast>div:nth-child(2)>div:nth-child(1)>div:nth-child(3)>div:nth-child(2)>div,
.area_weather_forecast>div:nth-child(2)>div:nth-child(1)>div:nth-child(4)>div:nth-child(2)>div {
	height: 60px;
}
*/

.area_weather_forecast .add {
	margin-left: 12px;
	margin-bottom: 5px;
	vertical-align: baseline;
	padding: 2px 8px 0 8px;
	display: inline-block;
	background-color: #144a93;
	border: 1px solid #3469ac;
}

.area_weather_forecast .add img {
	width: 20px;
	vertical-align: baseline;
}

.area_daily_weather {
	padding: 0 1px;
}

.area_daily_weather #flexslider_dw,
.area_daily_weather #flexslider_dw2 {
	margin: 8px 0 0 0;
	border: 0;
	background-color: transparent;
}

#flexslider_dw>div,
#flexslider_dw2>div {
	padding-bottom: 20px;
}

#flexslider_dw .slides>li {
	padding-left: 2px;
	padding-right: 2px;
	min-width: 90px;
	background-color: #1b5397;
	box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.09), 4px 6px 6px rgba(0, 0, 0, 0.13);
}

#flexslider_dw .flexslider .slides img {
	width: auto;
	display: inline-block;
}

#flexslider_dw .flex-direction-nav a {
	opacity: 1;
	background-color: #7f7f7f;
	text-align: center;
	font-size: 0;
	width: auto;
	height: auto;
}

#flexslider_dw .flex-direction-nav a.flex-prev,
#flexslider_dw:hover .flex-direction-nav a.flex-prev {
	top: 55%;
	transform: translateY(-50%);
	left: -23px !important;
	width: 20px;
	background: url(../content_elements/btn_prev.png) no-repeat;
	background-size: 140%;
	background-position-y: -118px;
	height: 33px;
}

#flexslider_dw .flex-direction-nav a.flex-next,
#flexslider_dw:hover .flex-direction-nav a.flex-next {
	top: 55%;
	transform: translateY(-50%);
	right: -23px !important;
	width: 20px;
	background: url(../content_elements/btn_next.png) no-repeat;
	background-size: 140%;
	background-position-x: -7px;
	background-position-y: -118px;
	height: 33px;
}

#flexslider_dw .flex-direction-nav a:before {
	color: rgba(255, 255, 255, 1);
	font-size: 20px;
	padding: 13px 18.5px;
}



/**/

#flexslider_dw2 .slides>li {
	padding-left: 2px;
	padding-right: 2px;
	min-width: 155px;
	background-color: #2d7e6b;
	min-height: 130px;
	/*border: 2px solid #485966;*/
}

#flexslider_dw2 .slides>li:last-child {
	background-color: #bfe0cd;
	color: #14806c;
	border: 2px solid #14806c;
	position: relative;
	min-height: 130px;
}

#flexslider_dw2 .slides>li:last-child a {
	color: #14806c !important;
	text-decoration: none;
}

#flexslider_dw2 .slides>li:last-child .adw_more {}

#flexslider_dw2 .slides>li:last-child .adw_more a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

#flexslider_dw2 .slides>li:last-child .adw_more a span {
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 3em;
	font-weight: bold;
	transform: translate(-50%, -50%);
}

#flexslider_dw2 .flexslider .slides img {
	width: auto;
	display: inline-block;
	transform: translate(-50%, -50%);
}

#flexslider_dw2 .flex-direction-nav a {
	opacity: 1;
	background-color: #7f7f7f;
	text-align: center;
	font-size: 0;
	width: auto;
	height: auto;
}

#flexslider_dw2 .flex-direction-nav a.flex-prev,
#flexslider_dw2:hover .flex-direction-nav a.flex-prev {
	left: -30px;
}

#flexslider_dw2 .flex-direction-nav a.flex-next,
#flexslider_dw2:hover .flex-direction-nav a.flex-next {
	right: -30px;
}

#flexslider_dw2 .flex-direction-nav a:before {
	color: rgba(255, 255, 255, 1);
	font-size: 20px;
	padding: 13px 18.5px;
}


/**/

.area_daily_weather .adw_day {
	/* background-color:rgba(102, 102, 102, 1);
    */
}

.area_daily_weather #flexslider_dw2 .adw_day {
	/* background-color: rgba(99, 112, 128, 1);
    */
}

.area_daily_weather .adw_day>div:nth-child(1) {
	color: #fff;
	text-align: center;
	/* font-weight:bold;
     font-size: 1.2em;
    */
	padding-top: 6px;
	white-space: nowrap;
}

.area_daily_weather #flexslider_dw2 .adw_day {
	text-align: center;
}

.area_daily_weather #flexslider_dw2 .adw_day>div:nth-child(1) {
	color: #000;
	background-color: #ecffeb;
	display: inline-block;
	/*
	padding: 4px 40px;
	margin: 10px 0 0 0;
	*/
	border-radius: 15px;
	text-align: center;
	/* font-weight:bold;
     font-size: 1.2em;
     padding-top:6px;
    */
	white-space: nowrap;
	font-size: 1.2em;
	font-weight: bold;

	padding: 4px;
	margin: 10px auto 0;
	min-width: 90%;
}

.area_daily_weather #flexslider_dw2 .adw_wea {
	padding: 5px 10px;
}

.area_daily_weather #flexslider_dw2 .adw_wea>div:first-child {
	width: 55%;
	display: inline-block;
}

.area_daily_weather #flexslider_dw2 .adw_wea>div:last-child {
	width: 45%;
	display: inline-block;
	font-weight: normal;
}

.area_daily_weather #flexslider_dw2 .adw_icon {
	padding-top: 10px;
}

.area_daily_weather .adw_day>div:nth-child(2) {
	text-align: center;
	padding: 6px 20px;
}

.area_daily_weather .adw_day>div:nth-child(2)>span {
	/* padding: 15px;
    */
	margin: auto;
	display: inline-block;
	border-radius: 100px;
	/* border: 3px solid #fff;
    */
}

.area_daily_weather .adw_day>div:nth-child(2) img {
	/*width: auto;*/
}

.area_daily_weather .adw_detail {
	/* background-color: rgba(255,255,255,1);
    */
	color: #fff;
	padding: 4px 0;
}

.area_daily_weather .adw_detail {
	font-size: 1em;
	font-weight: bold;
}

.area_daily_weather .adw_detail>div {
	/* color:#000;
    */
	text-align: center;
}

.area_daily_weather #flexslider_dw .adw_detail>div:nth-child(1) {
	font-size: 1em;
}

.area_daily_weather .adw_detail>div .lowest {
	/* color:#1b5397;
    */
}

.area_daily_weather .adw_detail>div .highest {
	/* color:#fb5f30;
     color: #d33f12;
    */
}

.area_daily_weather #flexslider_dw2 .adw_detail>div span {
	/* margin: 0 4px;
    */
	display: block;
	font-size: 1.4em;
}

.mainpage2 .area_weather_forecast .more {
	padding: 0 10px;
	text-align: right;
}

.mainpage2 .area_weather_forecast .more a {
	font-weight: bold;
	color: #1b5397;
	font-size: 1.2em;
}

.mainpage2 .area_weather_forecast .more:before {
	content: "";
	display: inline-block;
	vertical-align: baseline;
	width: 0px;
	height: 0px;
	margin-right: 12px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #1b5397;
}

.mainpage2_2 {
	padding: 40px 0;
	/* background-image: url(../images/bg_home2_2.jpg);
    */
	background-color: #147f6b;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	background-image: url(../images/bg/world.png);
	/* z-index: 2000;
    */
}

.mainpage2_2 .header {
	color: #fff;
	font-weight: bold;
	font-size: 2.4em;
	margin-bottom: 20px;
	letter-spacing: .16em;
}

.mainpage2_2>div>div:nth-child(2) {
	padding: 28px 24px;
	white-space: nowrap;
	/*background-color: #ffffff85;*/
	background-color: rgba(255, 255, 255, 0.52);
	box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.14), 4px 6px 6px rgba(0, 0, 0, 0.18);
	z-index: 3200;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.mainpage2_2 .more {
	padding: 0 10px;
	text-align: right;
}

.mainpage2_2 .more a {
	font-weight: bold;
	color: #1b5397;
	font-size: 1.2em;
}

.mainpage2_2 .more:before,
.avo_scene .more:before {
	content: "";
	display: inline-block;
	vertical-align: baseline;
	width: 0px;
	height: 0px;
	margin-right: 12px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #1b5397;
}

.mainpage2_2 .fb_scene {
	width: 435px;
	position: absolute;
	z-index: 3020;
	max-width: 100%;
}

.fb_scene {
	text-align: center;
}

.mainpage2_2 .fb-page {
	max-width: 100%;
}

.mainpage2_2 .essay_scene {
	/* margin-left:470px;
    */
	left: 470px;
	position: relative;
	z-index: 3010;
}

.essay_scene {
	width: 25%;
	padding: 0 8px;
}


/*.area_posts .essay_scene .header{
     color: #1d62af;
   
					
					 
			   
				 
}
*/

.essay_scene .cover {
	margin-bottom: 34px;
	height: 205px;
	overflow: hidden;
}

.essay_scene .title {
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 34px;
	height: 3.05em;
}

.essay_scene .cont {
	color: #666;
	line-height: normal;
	height: 300px;
	overflow: hidden;
	margin-bottom: 34px;
	/* font-weight: bold;
    */
}

.essay_scene .cont p {
	margin-bottom: 20px;
}

.essay_scene .more {
	padding: 10px 0;
}

.essay_scene .more:before {
	content: "";
	display: inline-block;
	vertical-align: baseline;
	width: 0px;
	height: 0px;
	margin-right: 12px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #d33f12;
}

.essay_scene .more a {
	font-weight: bold;
	color: #d33f12;
	font-size: 1.2em;
}



/* .essay_scene .cover{
     padding:10px;
     background-color:rgba(255,255,255,.6);
     margin-right:20px;
     display: inline-block;
     max-width:100%;
		 
}
 .essay_scene>div:nth-child(2)>div:nth-child(2){
     display: inline-block;
     width:230px;
     max-width:100%;
}
 .essay_scene>div:nth-child(2)>div:nth-child(2)>div:nth-child(1){
     margin-bottom:20px;
     border-bottom:1px solid #fff;
}
 .essay_scene>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>ul{
     list-style-type:none;
     padding:0;
     margin:0;
							  
			
				  
				   
					
							  
	 
}
 .essay_scene>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>ul>li{
					  
     padding:0;
     margin:0;
}
 .essay_scene>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>ul>li>a{
     display:block;
     padding:15px 0;
     border-top:1px solid #fff;
     border-bottom:1px solid #999;
     color:#000;
     font-size: 1.4em;
     font-weight: bold;
}
 .essay_scene>div:nth-child(2)>div:nth-child(2)>div:nth-child(1)>ul>li:nth-child(1)>a{
			   
				
     border-top:0;
							  
			
				  
				   
}
/*.essay_scene .more a{
     padding:20px;
     display:block;
     background-color:#ab0b75;
     color:#fad852;
     text-align:center;
     font-weight:bold;
	 
				   
						
		  
		  
	
	   
		
 
					   
			  
}
*/









/* .essay_scene .more{
				   
     padding: 10px 0;
						  
							 
			   
				
					   
									  
										 
								   
}
  
 .essay_scene .more:before{
     content: "";
     display: inline-block;
     vertical-align: baseline;
     width: 0px;
     height: 0px;
     margin-right: 12px;
     border-top: 6px solid transparent;
     border-bottom: 6px solid transparent;
     border-left: 6px solid #d33f12;
}
 .essay_scene .more a{
     font-weight: bold;
     color: #d33f12;
     font-size: 1.2em;
						   
									
}
*/

.fb-page {
	box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.14), 4px 6px 6px rgba(0, 0, 0, 0.18);
}

.mainpage3 {
	padding: 40px 0;
	background-color: #eaffec;
	/*background-image: url(../images/bg/general_bg.png);
    */
	background-repeat: repeat;
	background-position: center center;
}

.mainpage3 .my_row {
	position: relative;
	min-height: 540px;
}

.mainpage3 .header {
	color: #1b5397;
	font-weight: bold;
	font-size: 2.4em;
	margin-bottom: 20px;
	letter-spacing: .16em;
}

.area_video {
	margin-left: 550px;
}

.area_video .avo_scene {
	/* margin-bottom: 50px;
    */
}

.area_video .avo_scene>div {
	/* display:inline-block;
    */
}

.area_video .avo_scene>div:nth-child(1) {
	/* width:45%;
    */
}

/*
.area_video .avo_scene>div:nth-child(1)>div:nth-child(1) {
	color: #1b5397;
	font-weight: bold;
	font-size: 2.4em;
	margin-bottom: 20px;
	letter-spacing: .16em;
}
*/

.area_video .avo_scene>div:nth-child(2) {
	/* width:55%;
     float: right;
    */
	position: relative;
	height: 450px;
}

.area_video .avo_scene .videoFrame {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	padding-top: 25px;
	height: 0;
}

.area_video .avo_scene .avo_list {
	position: absolute;
	right: 0;
	top: 20px;
	width: 300px;
}

.area_video .avo_scene .avo_list,
.area_video .avo_scene .avo_list a {
	color: #000;
}

.area_video .avo_scene .avo_list .avo_header {
	padding: 0 20px;
	height: 90px;
}

.area_video .avo_scene .avo_list .avo_header .title {
	margin: 8px 0;
}

.area_video .avo_scene .avo_list .avo_header .user {
	margin: 8px 0;
}

.area_video .avo_scene .avo_list .avo_header .tool {
	margin: 4px 0;
}

.area_video .avo_scene .avo_list .avo_header .tool>div {
	display: inline-block;
	margin-right: 20px;
}

.area_video .avo_scene .avo_list .avo_header .tool>.add {
	float: right;
	margin-right: 0;
}

.area_video .avo_scene .avo_list .avo_listvideo,
.area_video .avo_scene .avo_list .avo_listvideo .scrollbar-outer {
	height: 217px;
}

.area_video .avo_scene .avo_list .avo_listvideo ol {
	padding: 0;
	list-style-type: none;
}

.area_video .avo_scene .avo_list .avo_listvideo ol>li {
	height: 51px;
	padding: 3px 0;
	position: relative;
}

.area_video .avo_scene .avo_list .avo_listvideo ol>li>div:nth-child(1) {
	width: 90px;
	position: absolute;
	left: 20px;
	top: 3px;
}

.area_video .avo_scene .avo_list .avo_listvideo ol>li>div:nth-child(2) {
	margin-left: 120px;
}

.area_video .avo_scene .avo_list .avo_listvideo ol>li>div:nth-child(2)>div {
	margin-bottom: 2px;
}

.area_video .avo_scene .videoFrame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/* height: 100%;
			  
     max-height: 396px;
    */
}

.area_video .avo_scene>div:nth-child(3) {
	font-size: 2em;
	font-weight: bold;
	color: #555;
}

.area_facebook {
	position: absolute;
	left: 0;
	top: 0;
	width: 500px;
	max-width: 100%;
	z-index: 4000;
}

/*
.area_facebook .fb_scene>div:nth-child(1) {
	color: #1b5397;
	font-weight: bold;
	font-size: 2.4em;
	margin-bottom: 20px;
	letter-spacing: .16em;
}
*/
.avo_select {
	position: relative;
	text-align: center;
	/* min-height: 780px;
    */
}

.avo_select>div {
	color: #fff;
	margin-bottom: 50px;
	position: static;
	width: 33.33%;
	display: inline-block;
}

.avo_select>div>div:nth-child(1) {
	/* margin-right: 2px;
    */
	text-align: center;
	position: relative;
	z-index: 3000;
}

.avo_select>div>div:nth-child(1)>a {
	padding: 7px 40px 8px 40px;
	font-size: 1.4em;
	color: #FFF;
	background-color: #50606f;
	/* color: #000;
     background-color: #d2d0d1;
    */
	display: block;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
}

.avo_select>div.active>div:nth-child(1)>a,
.avo_select>div:hover>div:nth-child(1)>a {
	background-color: #ffc000;
	color: #000;
	/* color: #1b5397;
     background-color: #fff;
    */
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
}

.avo_select>div>div:nth-child(2) {
	/* background-color: #205fae;
    */
	padding-bottom: 3px;
	/*
    /*box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.19), 4px 6px 6px rgba(0, 0, 0, 0.23);
     box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.14), 4px 6px 6px rgba(0, 0, 0, 0.18);
    */
	box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.14), 4px 6px 6px rgba(0, 0, 0, 0.18);
	position: absolute;
	z-index: 3200;
	left: 0;
	right: 0;
	/* display:none;
    */
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	height: 404px;
	border: 1px solid #CCC;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.avo_select>div.active>div:nth-child(2) {
	visibility: visible;
	opacity: 1;
}

.avo_select>div>div:nth-child(2):after {
	content: "";
	z-index: -1;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url(../images/bg_pattern2.png);
	background-repeat: repeat;
	opacity: .4;
}


/* .avo_select .slides>li>div{
						   
     position:relative;
	   
		  
		
		 
								 
     z-index:3000;
   
				 
					   
				  
				 
				
				   
				   
			
				
					  
		 
		
		 
								
			  
					
  
}
 .avo_select .title{
     position:absolute;
     text-align:center;
     color:#fff;
     font-size: 2em;
     font-weight: bold;
     top:50%;
     left:0;
     right:0;
     transform: translateY(-50%);
     z-index:3020;
     cursor: pointer;
}
 .avo_select .cover a{
     position:absolute;
     top:0;
     bottom:0;
     left:0;
     right:0;
     background-color:rgba(0,0,0,.4);
     z-index:3010;
}
*/

.avo_scene .more {
	position: absolute;
	z-index: 6000;
	bottom: 20px;
	right: 20px;
}

.avo_scene .more a {
	font-weight: bold;
	color: #1b5397;
	font-size: 1.2em;
}

#flexslider_avo .flex-direction-nav a {
	opacity: 1;
	background-color: #7f7f7f;
	text-align: center;
	font-size: 0;
	width: auto;
	height: auto;
}

#flexslider_avo .flex-direction-nav a.flex-prev,
#flexslider_avo:hover .flex-direction-nav a.flex-prev {
	left: -30px;
}

#flexslider_avo .flex-direction-nav a.flex-next,
#flexslider_avo:hover .flex-direction-nav a.flex-next {
	right: -30px;
}

#flexslider_avo .flex-direction-nav a:before {
	color: rgba(255, 255, 255, 1);
	font-size: 20px;
	padding: 13px 18.5px;
}

.mainpage4 {
	padding: 40px 0;
	background-image: url(../images/index_bg_mainpage4.jpg);
	background-repeat: repeat;
	/* background-color: #524f4a;
    */
}

.mainpage4>.container {
	position: relative;
}

.mainpage4>div>.header {
	color: #1b5397;
	font-weight: bold;
	font-size: 2.4em;
	margin-bottom: 20px;
	letter-spacing: .16em;
}

.area_immediate {
	margin-right: -1%;
}

.area_immediate>div {
	display: inline-block;
	width: 32.33%;
	margin-right: 1%;
	background-repeat: no-repeat;
	background-size: cover;
}

.area_immediate.aid_1>div {
	height: 407px;
	/*box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.19), 4px 6px 6px rgba(0, 0, 0, 0.23);
    */
	box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.14), 4px 6px 6px rgba(0, 0, 0, 0.18);
}

.area_immediate>div {
	position: relative;
	z-index: 3000;
}

.area_immediate.aid_1>div:after {
	content: "";
	z-index: -1;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url(../images/bg_pattern3.png);
	background-repeat: repeat;
	opacity: 0.6;
}

.area_immediate.aid_1>div:nth-child(1) {
	background-image: url(../images/bg_immediate1.jpg);
}

.area_immediate.aid_1>div:nth-child(2) {
	background-image: url(../images/bg_immediate2.jpg);
}

.area_immediate.aid_1>div:nth-child(3) {
	background-image: url(../images/bg_immediate3.jpg);
}

.area_immediate.aid_2 {
	/* background-color:#fff;
    */
}

.area_immediate.aid_2>div:nth-child(1) {
	background-image: url(../images/bg_immediate4.jpg);
	/* background-color: #41277e;
    /* background:linear-gradient(141deg, #41277e 0%, #6d4493 61%, #41277e 95%);
    /* background-color:#fff;
    */
}

.area_immediate.aid_2>div:nth-child(2) {
	background-image: url(../images/bg_immediate5.jpg);
	/* background-color: #333e8e;
    /* background:linear-gradient(141deg, #333e8e 0%, #16164b 51%, #333e8e 95%);
    /* background-color:#fff;
    */
}

.area_immediate.aid_2>div:nth-child(3) {
	background-image: url(../images/bg_immediate6.jpg);
	/* background-color:#89003f;
    /* background:linear-gradient(141deg, #89003f 0%, #b30d9d 51%, #89003f 95%);
    /* background-color:#fff;
    */
}


/*.area_immediate.aid_2>div:nth-child(1) .title{
     color: #1e61b0;
}
 .area_immediate.aid_2>div:nth-child(2) .title{
     color: #191c51;
}
 .area_immediate.aid_2>div:nth-child(3) .title{
     color: #8d0246;
   
					   
				
					 
				   
					   
					
					   
}
*/

.area_immediate .title {
	color: #000;
	font-size: 2.4em;
	font-weight: bold;
	text-align: center;
	padding: 20px 0;
	letter-spacing: .16em;
}

.area_immediate .cont {
	text-align: center;
}

.area_immediate .control {
	text-align: center;
	padding: 12px 0 24px 0;
}

.area_immediate .feedback {
	width: 300px;
	max-width: 100%;
	margin: auto;
	text-align: right;
	margin-top: -16px;
}

.area_immediate .feedback a {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #1b5397;
	position: relative;
	margin-right: -4px;
	z-index: 4500;
}

.area_immediate .feedback a img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.area_immediate.aid_1>div .control>a {
	display: inline-block;
	padding: 6px 22px;
	border-radius: 14px;
	background-color: #1b5397;
	color: #fff;
	/* font-weight: bold;
     letter-spacing: .16em;
     font-size:1.2em;
    */
}

.area_immediate.aid_1>div .control .area_cs {
	width: 300px;
	margin: auto;
}

.area_immediate.aid_1>div .control .control_btn {
	display: inline-block;
	width: 40px;
}

.area_immediate.aid_1>div .control .control_btn a {
	display: block;
	width: 22px;
	height: 22px;
	background-image: url(../images/icon_animap_play.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #1b5397;
	margin-top: -5px;
}

.area_immediate.aid_1>div .control .control_btn.active a {
	background-image: url(../images/icon_animap_pause.png);
}

.area_immediate.aid_1>div .control .control_slider {
	display: inline-block;
	width: 260px;
}

.area_immediate.aid_1>div:nth-child(1) .title {
	color: #0c5343;
}

.area_immediate.aid_1>div:nth-child(2) .title {
	color: #515153;
}

.area_immediate.aid_1>div:nth-child(3) .title {
	color: #322a59;
}

.mainpage5 {
	padding: 40px 0;
	/*background-image: url(../images/bg/general_bg2.png);
    */
	background-color: #f6f5ff;
	background-repeat: repeat;
	background-position: center center;
}

.mainpage6 {
	padding: 40px 0;
	background-image: url(../images/bg/general_bg4.png);
	background-repeat: repeat;
	background-position: center center;
}

.area_posts {
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}

.area_posts>div {
	display: inline-block;
	min-width: 300px;
}

.area_posts_scroll {
	display: none;
}

.area_posts .cover>img {
	width: 100%;
	height: auto;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	max-width: 284px;
}

.area_posts .header {
	/* font-size: 1.8em;
     font-weight: bold;
     padding-bottom: 10px;
    */
	border-bottom: 3px solid #7f7f7f;
	margin-bottom: 10px;
	color: #1b5397;
	font-weight: bold;
	font-size: 1.8em;
	/*font-size:2.4em;
    */
	letter-spacing: .16em;
}

.area_posts .header a {
	color: #1b5397;
	text-decoration: none;
}

.area_posts .apt_news {
	width: 25%;
	padding-right: 8px;
}


/*.area_posts .apt_news .header{
     color:#ac0974;			   
}
*/

.area_posts>div .cover,
.area_posts>div .hcht .cover {
	margin-bottom: 34px;
	height: 260px;
	padding-bottom: 7px;
	overflow: hidden;
	background-image: url(../images/bg_new_bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
	text-align: center;
}

.area_posts>div .cover iframe,
.area_posts>div .hcht .cover iframe {
	margin-top: 23px;
}

.area_posts>div .title,
.area_posts>div .hcht .title {
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 12px;
	/* padding-bottom: 17px;
     */
	height: 3.05em;
	position: relative;
	padding-left: 24px;
	overflow: hidden;
	white-space: normal;
}

.area_posts>div>div:nth-child(2)>div:not(.more) .title:before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	vertical-align: baseline;
	width: 0px;
	height: 0px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #1b5397;
}

.area_posts>div>div:nth-child(2)>div:not(.more) {
	border-bottom: 1px dashed #969696;
}

.apt_ns_scene>div {
	/* display:inline-block;
     width:50%;
    */
}


/*.apt_ns_scene>div:nth-child(1){
     padding-right:5px;
}
 .apt_ns_scene>div:nth-child(2){
     padding-left:5px;
   
					 
					 
			   
					
				 
}
*/

.apt_ns_scene .cover {
	margin-bottom: 34px;
	height: 240px;
	padding-bottom: 7px;
	overflow: hidden;
}

.apt_ns_scene .title {
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 12px;




	/* padding-bottom: 17px;
    */
	height: 3.05em;
	position: relative;
	padding-left: 24px;
}

.apt_ns_scene .cont {
	color: #666;
	line-height: normal;
	height: 300px;
	overflow: hidden;
	margin-bottom: 34px;
	/* font-weight: bold;
    */
}

.apt_ns_scene>div:not(.more) .title:before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	vertical-align: baseline;
	width: 0px;
	height: 0px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #1b5397;
}

.apt_ns_scene>div:not(.more) {
	border-bottom: 1px dashed #969696;
}

.apt_ns_scene .cont p {
	margin-bottom: 20px;
}

.apt_ns_scene .more {
	padding: 10px 0;
}

.apt_ns_scene .more:before {
	content: "";
	display: inline-block;
	vertical-align: baseline;
	width: 0px;
	height: 0px;
	margin-right: 12px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #d33f12;
}

.apt_ns_scene .more a {
	font-weight: bold;
	color: #d33f12;
	font-size: 1.2em;
}

.area_posts .apt_lights {
	width: 25%;
	padding: 0 8px;
}


/*.area_posts .apt_lights .header{
     color:#5b7d31;
   
					  
		   
				  
}
*/

.area_posts .apt_blog {
	width: 25%;
	padding-left: 8px;
}


/*.area_posts .apt_blog .header{
     color:#e52706;
   
					  
				  
							  
					
   
								   
			  
			   
}
*/

.area_posts .hcht>div {
	/* padding:20px 0;
     border-top:2px solid #d8d8d8;
     height: 200px;
    */
}


/* .area_posts .hcht>div:nth-child(1){
								   
     border-top:0;
     padding-top:0;
				  
				
					 
					  
			   
					 
}
						   
			 
   
 .area_posts .hcht .cover{
     display:inline-block;
     width:50%;
     padding-right:5px;
   
}
 .area_posts .hcht .title{
     display:inline-block;
     width:50%;
     padding-left:5px;
     color: #000;
     font-size: 1.4em;
     font-weight: bold;
     height: 160px;
     overflow: hidden;
}
 .area_posts .hcht .title a{
     color: #000;
						
				  
					 
						
						  
}
*/

.area_posts .hcht .cover {
	margin-bottom: 34px;
	height: 205px;
	overflow: hidden;
}

.area_posts .hcht .title {
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 34px;
	height: 3.05em;
}

.area_posts .hcht .cont {
	color: #666;
	line-height: normal;
	height: 300px;
	overflow: hidden;
	margin-bottom: 34px;
	/* font-weight: bold;
    */
}

.area_posts .hcht .cont p {
	margin-bottom: 20px;
}

.area_posts .hcht .more {
	padding: 10px 0;
}

.area_posts .hcht .more:before {
	content: "";
	display: inline-block;
	vertical-align: baseline;
	width: 0px;
	height: 0px;
	margin-right: 12px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #d33f12;
}

.area_posts .hcht .more a {
	font-weight: bold;
	color: #d33f12;
	font-size: 1.2em;
}

.mainpage6 {
	padding: 40px 0;
	background-color: #ffffff;
}

.mainpage6>div>.header {
	color: #1b5397;
	font-weight: bold;
	font-size: 2.4em;
	margin-bottom: 20px;
	letter-spacing: .16em;
}

.area_immediate.aid_2>div {
	padding: 0 16px;
	height: 480px;
	/*box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.19), 4px 6px 6px rgba(0, 0, 0, 0.23);
    */
	box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.14), 4px 6px 6px rgba(0, 0, 0, 0.18);
	position: relative;
}

.area_immediate.aid_2 .title {
	/* padding-top:8px;
    */
	/* padding-top: 0;
     padding-bottom:0;
    /* font-size: 2em;
     font-size: 1.8em;
    */
	font-size: 2.4em;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
	letter-spacing: .16em;
	/* color: #1e61b0;
    */
}

.area_immediate.aid_2>div:nth-child(1) .title,
.area_immediate.aid_2>div:nth-child(1) .title>a {
	/* color: #2f1d5b;
    */
	color: #000;
}

.area_immediate.aid_2>div:nth-child(2) .title,
.area_immediate.aid_2>div:nth-child(2) .title>a {
	/* color: #373f94;
    */
	color: #000;
}

.area_immediate.aid_2>div:nth-child(3) .title,
.area_immediate.aid_2>div:nth-child(3) .title>a {
	/* color: #730840;
    */
	color: #000;
}

.chineseVersion .area_immediate.aid_2 .title {
	/* padding-top:0;
    */
	white-space: nowrap;
}

.chineseVersion .area_immediate.aid_2 .title img {
	vertical-align: top;
	padding-right: 10px;
}

.area_immediate.aid_2 .cont {
	/* padding: 12px;
    /* background-color: #e8e8e8;
    */
	background-color: #fff;
	/* background-color: rgba(255,255,255,.8);
    */
	color: #000;
	/* font-size: .8em;
    */
	min-height: 385px;
	max-height: 385px;
	/*box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.19), 4px 6px 6px rgba(0, 0, 0, 0.23);
    */
	box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.14), 4px 6px 6px rgba(0, 0, 0, 0.18);
	overflow-y: auto;
}

.aid_2>div:nth-child(3) .cont {
	/* padding-left: 30px;
     padding-right: 30px;
     position: relative;
    */
	max-height: 330px;
	min-height: 0;
	/* margin-top: 20px;
    */
}

.aid_2>div:nth-child(3)>.cont {
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
	max-height: 330px;
	min-height: 0;
	margin-top: 20px;
}

.aid_2>div:nth-child(3)>.cont:before {
	content: "";
	/* position: absolute;
     left: 0;
     right: 15px;
     bottom: 0;
   
	 
		
   
     height: 120px;
     background-color: #fff;
     z-index: 3200;
    */
}

.aid_2>div:nth-child(3) .cont:after {
	content: "";
	display: block;
	height: 40px;
	width: 100%;
}

.area_immediate.aid_2>div:nth-child(1) .date,
.area_immediate.aid_2>div:nth-child(2) .date {
	text-align: center;
}

.area_immediate.aid_2>div:nth-child(1) .cont,
.area_immediate.aid_2>div:nth-child(2) .cont {
	/* font-size: 1.6em;
    */
	font-size: 1em;
}

.area_immediate.aid_2 .cont>div {
	/* border-top:1px solid #888;
    */
}

.area_immediate.aid_2 .cont>div:nth-child(1) {
	padding: 12px 30px;
	border-top: 0;
	/* border-bottom:1px solid #c8c8c8;
								 
     margin-bottom:6px;
    */
	background-color: transparent;
}

.area_immediate.aid_2>div>.cont>div:nth-child(even) {
	background-color: #fff;
}

.area_immediate.aid_2>div>.cont>div:nth-child(odd) {
	background-color: #eff4f7;
}

.area_immediate.aid_2>div>.cont>div:nth-child(1) {
	background-color: #edecfe;
	color: #000;
}

.area_immediate.aid_2>div>.cont>div:nth-child(1) a {
	color: #000;
}

.area_immediate.aid_2>div>.cont>div.cont:nth-child(1) {
	background-color: transparent;
}

.area_immediate.aid_2>div>.cont>div.cont>div:nth-child(even) {
	background-color: #fff;
}

.area_immediate.aid_2>div>.cont>div.cont>div:nth-child(odd) {
	background-color: #eff4f7;
}

.area_immediate.aid_2>div>.cont>div.cont>div {
	font-size: .98em;
}

.area_immediate.aid_2>div>.cont>div.cont>div:nth-child(1) {
	font-size: 1em;
}

.area_immediate.aid_2 .cont>div.cont:nth-child(1) {
	padding: 0;
}

.aid_2>div:nth-child(1) .cont {
	/* padding-left:30px;
		   
     padding-right:30px;
    */
}

.aid_2>div:nth-child(1) .part_half {
	padding: 10px 30px;
}

.chineseVersion .aid_2>div:nth-child(1) .part_half {
	padding: 16px 30px;
}

.aid_2>div:nth-child(1) .part_half>div {
	display: inline-block;
	width: 50%;
	padding: 0 10px;
	white-space: nowrap;
}

.aid_2>div:nth-child(1) .part_half>div:nth-child(1) {
	text-align: left;
}

.aid_2>div:nth-child(1) .part_half>div:nth-child(2) {
	text-align: right;
	/* color: #50999f; */
	color: #3F777D;
}

.aid_2>div:nth-child(1) .part_half:last-child>div:nth-child(2) {
	height: 0;
	margin-top: -16px;
	padding-right: 0;
}


/*.aid_2>div:nth-child(1) .title, .aid_2>div:nth-child(2) .title*/


.aid_2>div .title {
	/* height:59px;
    */
}

.aid_2>div:nth-child(2) .title,
.aid_2>div:nth-child(3) .title {
	/* padding-top:0;
     font-size:2em;
    */
}

.aid_2>div:nth-child(2) .cont {
	/* padding-left:30px;
		   
     padding-right:30px;
    */
}

.aid_2>div:nth-child(2) .part_third {
	padding: 10px 30px;
}

.chineseVersion .aid_2>div:nth-child(2) .part_third {
	padding: 16px 30px;
}

.aid_2>div:nth-child(2) .part_third>div {
	display: inline-block;
	width: 25%;
	padding: 0 10px;
}

.aid_2>div:nth-child(2) .part_third>div:nth-child(1) {
	width: 50%;
}

.aid_2>div:nth-child(2) .part_third>div:nth-child(1) {
	text-align: left;
}

.aid_2>div:nth-child(2) .part_third>div:nth-child(2) {
	text-align: center;
}

.aid_2>div:nth-child(2) .part_third>div:nth-child(3) {
	text-align: right;
	/* color: #50999f; */
	color: #3F777D;
}

.aid_2>div:nth-child(2) .cont>div:last-child {
	/* font-size: .7em;
    */
	padding: 16px 30px;
}

.aid_2>div:nth-child(2) .part_half>div {
	display: inline-block;
	width: 50%;
	padding: 0 10px;
	white-space: nowrap;
}

.aid_2>div:nth-child(2) .part_half>div:nth-child(1) {
	text-align: left;
}

.aid_2>div:nth-child(2) .part_half>div:nth-child(2) {
	text-align: right;
}

.aid_2>div:nth-child(3) {
	text-align: center;
}

.aid_2>div:nth-child(3) .sub_tit {
	background-color: #f7c911;
	color: #000;
	display: inline-block;
	text-align: center;
	padding: 6px 50px;
	font-size: 1em;
	/* transform: translateX(-50%);
							 
    /* position: absolute;
     bottom: 60px;
     left: 50%;
    */
	z-index: 3500;
	/* transform: translateY(-50%);
    /* margin-top:5px;
     margin-bottom:10px;
    */
}

.aid_2>div:nth-child(3) .sub_tit>a {
	color: #000;
}

.aid_2>div:nth-child(3) .part_onefifth {
	padding: 3px 30px;
}

.aid_2>div:nth-child(3) .part_onefifth>div {
	display: inline-block;
	padding: 0 10px;
}

.aid_2>div:nth-child(3) .part_onefifth>div:nth-child(1) {
	width: 23%;
}

.aid_2>div:nth-child(3) .part_onefifth>div:nth-child(2) {
	width: 75%;
}

.aid_2>div:nth-child(1) .part_half>div:nth-child(1) img,
.aid_2>div:nth-child(2) .part_third>div:nth-child(1) img {
	padding: 0 6px;
}

.mainpage7 {
	padding: 40px 0;
	background-image: url(../images/bg_pattern1.jpg);
	background-repeat: repeat;
}

.area_climate>div {
	display: inline-block;
	width: 50%;
}

.area_climate>div:nth-child(1) {
	padding-right: 10px;
}

.area_climate>div:nth-child(2) {
	padding-left: 10px;
}

.area_climate .header {
	font-size: 3em;
	font-weight: bold;
	text-align: left;
	margin-bottom: 20px;
}

.area_climate .acm_hk_scene .header {
	/*color:#1b5397;
    */
	color: #1b5397;
	font-weight: bold;
	font-size: 2.4em;
	margin-bottom: 20px;
	letter-spacing: .16em;
}

.area_climate .acm_hl_scene .header {
	/*color:#047d43;
    */
	color: #1b5397;
	font-weight: bold;
	font-size: 2.4em;
	margin-bottom: 20px;
	letter-spacing: .16em;
}

.area_climate .border {
	background-color: #fff;
	box-shadow: 0 0 12px -2px #bbb;
	padding: 25px 10px;
	height: 560px;
	overflow-y: auto;
}

.acm_hk_scene .border>div:nth-child(2) {
	color: #000;
	padding: 20px;
	font-size: 1em;
	font-weight: bold;
	line-height: normal;
}

.acm_hk_scene .border>div:nth-child(3)>div:nth-child(1) {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 10px;
	color: #1b5397;
}

.acm_hk_scene .border>div:nth-child(3)>div:nth-child(2) {
	color: #1b5397;
	background-color: #eee;
	border-top: 1px solid #a6a6a6;
}

.acm_hk_scene .border>div:nth-child(3)>div:nth-child(2) a {
	color: #1b5397;
}

.acm_hk_scene .border>div:nth-child(3)>div:nth-child(2)>div {
	display: inline-block;
	width: 7.69%;
	min-width: 40px;
	padding: 18px 12px;
	font-weight: bold;
	white-space: nowrap;
}

.chineseVersion .acm_hk_scene .border>div:nth-child(3)>div:nth-child(2)>div {
	padding: 18px 8px;
}

.acm_hk_scene .border>div:nth-child(3)>div:nth-child(3) {
	text-align: center;
	margin: 33px 0 0 0;
}

.acm_hk_scene .border>div:nth-child(3)>div:nth-child(3) a {
	display: inline-block;
	color: #fff;
	background-color: #1b5397;
	padding: 6px 60px;
	font-weight: normal;
}

.acm_hl_scene .border {
	color: #1b5397;
	font-weight: bold;
	padding: 25px 10px 0;
}

.acm_hl_scene .acm_dmy {
	margin-bottom: 20px;
}

.acm_hl_scene .acm_dmy>div {
	display: inline-block;
	width: 50%;
}

.acm_hl_scene .acm_dmy>div>div {
	padding: 16px;
	border: 1px solid #fff;
	position: relative;
	height: 60px;
}

.acm_hl_scene .acm_dmy>div>div:nth-child(1) {
	padding: 16px;
	background-color: #047d43;
	color: #fff;
	font-size: 1.25em;
	height: auto;
	font-weight: normal;
}

.acm_hl_scene .acm_dmy>div>div:nth-child(1)>span {
	float: right;
	margin-top: .2em;
	font-size: .857em;
}

.acm_dmy>div>div:nth-child(odd) {
	background-color: #fcfde9
}

.acm_dmy>div>div:nth-child(even) {
	background-color: #eee;
}

.acm_hl_scene .acm_dmy>div>div>div {
	/* display:inline-block;
    */
	width: 50%;
}

.acm_hl_scene .acm_dmy .title {
	position: absolute;
	top: 50%;
	right: 50%;
	left: 0;
	padding: 16px;
	transform: translateY(-50%);
}

.acm_hl_scene .acm_dmy .cont {
	position: absolute;
	top: 50%;
	/* left:50%;
    */
	right: 0;
	padding: 16px;
	transform: translateY(-50%);
	text-align: right;
	white-space: nowrap;
	width: auto;
}

.acm_hl_scene .acm_next {
	margin-bottom: 20px;
}

.acm_hl_scene .acm_next>div {
	padding: 16px;
}

.acm_hl_scene .acm_next>div:nth-child(1) {
	color: #fff;
	background-color: #10466a;
	border: 1px solid #fff;
	font-size: 1.25em;
	font-weight: normal;
}

.acm_hl_scene .acm_next>div:nth-child(2) {
	background-color: #e9eaea;
	border: 1px solid #fff;
}

.acm_hl_scene .acm_next>div:nth-child(2)>div {
	display: inline-block;
	width: 50%;
}

.acm_hl_scene .acm_next>div:nth-child(2)>div span {
	/*color: #fd008f;*/
	color: #C70071;
	text-decoration: underline;
}

.mainpage8 {
	padding: 40px 0;
	background-color: #f3f4f8;
}

#flexslider_fba,
#flexslider_fba2 {
	margin: 0 60px;
	background-color: transparent;
	width: auto;
	/* padding-top: 30px;
    */
	padding-top: 0;
	margin-bottom: 40px;
}

#flexslider_fba .slides,
#flexslider_fba2 .slides {
	/*margin-bottom: -50px;*/
	margin-top: 50px;
}

#flexslider_fba .flex-direction-nav a,
#flexslider_fba2 .flex-direction-nav a,
#flexslider_icon .flex-direction-nav a,
#flexslider_info .flex-direction-nav a {
	opacity: 1;
	background-color: #446e7e;
	text-align: center;
	font-size: 0;
	width: auto;
	height: auto;
}

#flexslider_fba .flex-direction-nav a.flex-prev,
#flexslider_fba:hover .flex-direction-nav a.flex-prev,
#flexslider_fba2 .flex-direction-nav a.flex-prev,
#flexslider_fba2:hover .flex-direction-nav a.flex-prev {
	left: -60px;
}

#flexslider_fba .flex-direction-nav a.flex-next,
#flexslider_fba:hover .flex-direction-nav a.flex-next,
#flexslider_fba2 .flex-direction-nav a.flex-next,
#flexslider_fba2:hover .flex-direction-nav a.flex-next {
	right: -60px;
}

#flexslider_fba .flex-direction-nav a:before,
#flexslider_fba2 .flex-direction-nav a:before,
#flexslider_icon .flex-direction-nav a:before,
#flexslider_info .flex-direction-nav a:before {
	color: rgba(255, 255, 255, 1);
	font-size: 20px;
	padding: 13px 18.5px;
}

#flexslider_fba .flex-control-nav,
#flexslider_fba2 .flex-control-nav {
	position: absolute;
	bottom: auto;
	padding: 20px 0;
}

#flexslider_fba .flex-control-paging li a,
#flexslider_fba2 .flex-control-paging li a {
	border: 1px solid #000;
	background: rgba(0, 0, 0, 1);
}

#flexslider_fba .flex-control-paging li a.flex-active,
#flexslider_fba2 .flex-control-paging li a.flex-active {
	background: rgba(255, 255, 255, 0.9);
}

.footerArea .subFooterMenu {
	/* float: left;
    /* font-size: 1.4em;
    */
	font-weight: bold;
	/* width: 10em;
    */
}

.footerArea .subFooterMenu a {
	/* color:#f6c812;
    */
	color: #fff;
}

.footerArea .subFooterMenu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.footerArea .subFooterMenu ul>li {
	padding: 3px 16px;
}

.footerArea .subFooterMenu>ul {
	margin: 0 -10px;
}

.footerArea .subFooterMenu>ul>li {
	padding: 18px 10px;
	width: 25%;
	display: inline-block;
	vertical-align: top;
}

.footerArea .subFooterMenu .menuLv1 {
	background-color: #494949;
}

.footerArea .subFooterMenu>ul>li:nth-child(1)>.menuLv1 {
	background-color: transparent;
}

.footerArea .subFooterMenu ul.menuLv1 {
	margin-top: 10px;
	padding: 10px 0;
}

.footerArea .subFooterMenu li:nth-child(1)>ul.menuLv1 {
	padding: 0;
}

.footerArea .subFooterMenu li:nth-child(1)>ul.menuLv1>li {
	padding: 5px 10px 5px 0;
	display: inline-block;
}

.footerArea .subFooterMenu li:nth-child(1)>ul.menuLv1>li.qem_item {
	position: relative;
	padding-right: 9px;
}

.footerArea .subFooterMenu li:nth-child(1)>ul.menuLv1>li.qem_item div.qem_item {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-53%);
	line-height: .8em;
	text-decoration: underline;
}

.footerArea .subFooterMenu li:nth-child(1)>ul.menuLv1>li.qem_item div.qem_item>a {
	color: #000;
	font-size: 0.6em;
}

.footerArea .subFooterMenu>ul>li>a:hover,
.footerArea .subFooterMenu>ul>li>a:focus {
	text-decoration: none;
	cursor: default;
}

.footerArea .footerMenu {
	margin-left: 10em;
	font-size: 1em;
}

.footerArea .footerMenu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.footerMenu>div {
	display: inline-block;
	padding: 0 10px;
}

.footerMenu>div:nth-child(1) {
	width: 30%;
}

.footerMenu>div:nth-child(2) {
	width: 35%;
}

.footerMenu>div:nth-child(3) {
	width: 35%;
}

body.chineseVersion .footerMenu>div {
	width: 25%;
}

.footerMenu .menuLv0>li {
	/* padding: 11px 16px;
    */
	background-color: #494949;
	display: block;
	/* width:33.3%;
    */
}

.footerMenu .fm1 .my_menu6,
.footerMenu .fm1 .my_menu11,
.footerMenu .fm2 .my_menu7,
.footerMenu .fm2 .my_menu11,
.footerMenu .fm3 .my_menu4,
.footerMenu .fm3 .my_menu7,
.footerMenu .fm3 .my_menu13 {
	/*margin-bottom:16px;
    */
}

.footerMenu .clearBoth,

/*.footerArea .subFooterMenu .menuLv1, .footerArea .subFooterMenu .caret,*/


.footerArea .footerMenu .menuLv1 {
	display: none !important;
}

.footerArea ul.fTool {
	text-align: center;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.footerArea ul.fTool>li {
	display: inline-block;
}

.footerArea ul.fTool>li>span {
	padding: 0 10px;
	display: inline-block;
}

.footerRow>div {
	margin-bottom: 20px;
}

.copyR {
	text-align: center;
}

.copyR>div {
	display: inline-block;
}

.copyR>div:nth-child(2) {
	padding: 0 10px;
}

.page_scroll {
	position: fixed;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 8100;
}

.page_scroll ul {
	list-style-type: none;
}

.page_scroll li {
	display: block;
	padding: 10px;
}

.page_scroll ul a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0, 0, 0, 0.3);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #888;
	box-shadow: 0px 0px 2px #fff;
}

.page_scroll ul .active a {
	background: rgba(0, 0, 0, 1);
}

.headerMenu.mainheaderMenu ul.menuLv0>li {
	display: block;
	float: none;
	position: static;
	text-align: left;
	margin-bottom: 30px;
}

.headerMenu.mainheaderMenu ul.menuLv1>li {
	/* background-color: rgba(34, 34, 34, 0.7);
    */
	float: none;
	text-align: left;
}

.headerMenu.mainheaderMenu .tMenu .menuLv1 a,
.headerMenu.mainheaderMenu .tMenu .menuLv1 a:link,
.headerMenu.mainheaderMenu .tMenu .menuLv1 a:visited {
	color: #f1f1f1;
	padding: 20px 40px;
}

.headerMenu.mainheaderMenu .tMenu .menuLv1 .menuLv2 a,
.headerMenu.mainheaderMenu .tMenu .menuLv1 .menuLv2 a:link,
.headerMenu.mainheaderMenu .tMenu .menuLv1 .menuLv2 a:visited {
	padding: 12px 40px;
}

.headerMenu.mainheaderMenu .tMenu .menuLv1 .menuLv2 .menuLv3 a,
.headerMenu.mainheaderMenu .tMenu .menuLv1 .menuLv2 .menuLv3 a:link,
.headerMenu.mainheaderMenu .tMenu .menuLv1 .menuLv2 .menuLv3 a:visited {
	padding: 8px 40px;
}

.headerMenu.mainheaderMenu .tMenu .menuLv1 li.open ul,
.headerMenu.mainheaderMenu .tMenu .menuLv1 li.active>ul,
.headerMenu.mainheaderMenu .tMenu .menuLv1 li ul.activeUl {
	/* background-color: rgba(0, 0, 0, 0.4);
    */
	background-color: rgb(19, 58, 105);
}

.headerMenu.mainheaderMenu .menuLv1 ul .open>ul,
.headerMenu.mainheaderMenu .menuLv1 ul li ul.activeUl,
.headerMenu.mainheaderMenu .menuLv1 ul li ul.activeUl_withTimer {
	/* display: block;
     left:100%;
     top:0;
    */
}

.headerMenu.mainheaderMenu ul.menuLv3 {
	/* display:none !important;
    */
}

.mob_ele {
	display: none;
}

body .scrollbar-outer>.scroll-element .scroll-element_track {
	background-color: #000000;
}

body .scrollbar-outer>.scroll-element .scroll-bar {
	background-color: #ffffff;
}

body .scrollbar-outer>.scroll-element {
	background-color: transparent;
}

body .scrollbar-outer>.scroll-element .scroll-element_track,
body .scrollbar-outer>.scroll-element .scroll-bar {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6;
}

.ani_wea_map {
	height: 250px;
	width: 300px;
	max-width: 100%;
	margin: auto;
	position: relative;
}

.ani_wea_map>img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	-webkit-transition: opacity 0s ease-in-out;
	-moz-transition: opacity 0s ease-in-out;
	-ms-transition: opacity 0s ease-in-out;
	-o-transition: opacity 0s ease-in-out;
	transition: opacity 0s ease-in-out;
}

.ani_wea_map>img.active {
	opacity: 1;
}

.area_immediate_scroll {
	display: none;
}


/*=========================*/

.headerMenu ul.menuLv0>li {
	/*letter-spacing: .16em;
    */
}

#flexslider_fba .slides>li,
#flexslider_fba2 .slides>li {
	transform: translateY(-50%);
	/* width:auto !important;
     height:54px;
    */
	float: left;
	max-width: 150px;
	width: 100%;
	padding: 0 5px;
}

#flexslider_fba .slides img,
#flexslider_fba2 .slides img {
	width: auto !important;
	height: auto;
	max-width: 100%;
	max-height: 100px;
	margin: auto;
}

#flexslider_fba .slides img {
	max-height: 54px;
}

.datetime #hkoClockAnalog {
	display: none;
}


/*===========================*/

.single_btn {
	text-align: center;
}

.single_btn a {
	display: inline-block;
	color: #fff;
	background-color: #1b5397;
	padding: 6px 60px;
	font-weight: normal;
}


/*==================================*/

.odtw_arrow {
	position: relative;
	margin-top: 5px;
	margin-bottom: 10px;
	height: 30px;
}

.odtw_arrow .arrow {
	/* cursor: pointer;
    */
	height: 120px;
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	-moz-transform: translate(-50%, -50%) rotate(90deg);
	-ms-transform: translate(-50%, -50%) rotate(90deg);
	-o-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg);
	transition: transform .1s;
	width: 20px;
	margin-left: 3px;
}

.odtw_arrow .arrow:nth-child(2) {
	margin-top: 10px;
}

.odtw_arrow .arrow-top,
.odtw_arrow .arrow-bottom {
	background-color: #666;
	height: 4px;
	left: -5px;
	position: absolute;
	top: 50%;
	width: 100%;
}

.odtw_arrow .arrow-top:after,
.odtw_arrow .arrow-bottom:after {
	background-color: #fff;
	content: '';
	height: 100%;
	position: absolute;
	top: 0;
	transition: all 0.15s;
}

.odtw_arrow .arrow-top {
	transform: rotate(45deg);
	transform-origin: bottom right;
}

.odtw_arrow .arrow-top:after {
	left: 100%;
	right: 0;
	transition-delay: 0s;
}

.odtw_arrow .arrow-bottom {
	transform: rotate(-45deg);
	transform-origin: top right;
}

.odtw_arrow .arrow-bottom:after {
	left: 0;
	right: 100%;
	transition-delay: 0.15s;
}

.odtw_arrow .arrow.active .arrow-top:after {
	left: 0;
	transition-delay: 0.15s;
}

.odtw_arrow .arrow.active .arrow-bottom:after {
	right: 0;
	transition-delay: 0s;
}

.odtw_arrow {
	-webkit-transform: translateY(500px);
	transform: translateY(500px);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.odtw_arrow.active {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.odtw_fw {
	text-align: center;
	margin: auto;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.odtw_fw.active {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.odtw_sw {
	text-align: center;
	margin: auto;
	-webkit-transform: translateY(500px);
	transform: translateY(500px);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.odtw_sw.active {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}


/*=========================*/

.border_blank {
	padding: 20px 20px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
	margin-bottom: 20px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.high_climate h3 {
	text-align: center;
	height: 2.6em;
	margin-bottom: 12px;
}

.mainContent h2 a {
	color: #073e7f;
}

ul.lt_blank {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.lt_blank>li {
	margin: 0;
	padding: .3em .6em;
}

.div_half>div {
	display: inline-block;
	width: 50%;
}

.div_thr_one {
	display: inline-block;
	width: 33.33%;
	position: relative;
}

.high_climate>.div_thr_one:after {
	content: "";
	position: absolute;
	width: 2px;
	right: 0;
	top: 5%;
	bottom: 10%;
	background-color: #ddd;
}

.div_thr_two {
	display: inline-block;
	width: 66.66%;
}

.high_climate>.div_thr_two>.div_half>div:nth-child(1) {
	position: relative;
}

.high_climate>.div_thr_two>.div_half>div:nth-child(1):after {
	content: "";
	position: absolute;
	width: 2px;
	right: 0;
	top: 5%;
	bottom: 10%;
	background-color: #ddd;
}

.table_twi>div>div {
	display: inline-block;
	width: 50%;
	padding: 4px 20px;
}

.table_tri>div>div {
	display: inline-block;
	width: 33.33%;
	padding: 4px 10px;
}

.tab_select {
	position: relative;
	padding-top: 10px;
	padding-left: 10px;
	background-image: linear-gradient(#f9fdff, #ecf9ff, #e2f6ff);
}

.tab_select>div {
	position: static;
	display: inline-block;
}

.tab_select>div>div:nth-child(1) {
	position: relative;
	z-index: 3000;
	margin-right: 2px;
}

.tab_select>div>div:nth-child(1) a {
	font-size: 1.4em;
	display: block;
	padding: 20px 40px;
	background-color: #c5e7e6;
	color: #000000;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 1px solid #dfe4e8;
	border-top: 2px solid transparent;
	background-image: linear-gradient(#ceebe6, #c3e5e4, #bbe5e4);
	height: 100%;
}

.tab_select>div.active>div:nth-child(1) a {
	background-color: #fff;
	color: #073e7f;
	border-left: 1px solid #dfe4e8;
	border-right: 1px solid #dfe4e8;
	border-bottom: 1px solid transparent;
	border-top: 2px solid #50b99b;
	background-image: none;
}

.tab_select>div>div:nth-child(2) {
	/* background-color: transparent;
     */
	background-color: #fff;
	/* box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.14), 4px 6px 6px rgba(0, 0, 0, 0.18);
    */
	padding-bottom: 3px;
	position: absolute;
	z-index: 3200;
	left: 0;
	right: 0;
	top: 75px;
	/* max-height: 730px;
    */
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.tab_select>div.active>div:nth-child(2) {
	display: block;
	visibility: visible;
	opacity: 1;
	padding-top: 10px;
	padding-bottom: 10px;
	padding: 40px 20px 20px 20px;
	z-index: 3300;
}

.tab_select>div.active>div:nth-child(2).div_half>div:nth-child(1) {
	padding-right: 20px;
}

.tab_select>div.active>div:nth-child(2).div_half>div:nth-child(2) {
	padding-left: 20px;
}

.tab_select .lt_blank {
	margin-bottom: 20px;
}

.high_climate {
	background-image: url(../images/bg_pattern1.jpg);
	background-repeat: repeat;
	margin-bottom: 20px;
}

.high_climate>div.div_thr_one {
	padding: 20px;
}

.high_climate>div.div_thr_one>div {
	margin-bottom: 12px;
}

.high_climate>div.div_thr_two>.div_full {
	padding: 20px;
}

.high_climate>div.div_thr_two>.div_half>div {
	padding: 20px;
}

.high_climate .up,
.high_climate .down,
.high_climate .equal {
	position: relative;
}

.high_climate .up:before,
.high_climate .down:before,
.high_climate .equal:before {
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-right: 6px;
	background-image: url(../images/icon_up.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.high_climate .up:before {
	background-image: url(../images/icon_up.png);
}

.high_climate .down:before {
	background-image: url(../images/icon_down.png);
}

.high_climate .equal:before {
	background-image: url(../images/icon_equal.png);
}

.high_climate .abs_thumb>div {
	text-align: center;
}

.high_climate .abs_thumb>div:before {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.high_climate>div.div_thr_two>.div_half>div>div {
	margin-bottom: 12px;
}

.tag_year {
	padding: 10px;
}

.tag_year>div {
	display: inline-block;
	width: 33.33%;
}

.tag_year>div>a {
	text-align: center;
	color: #fff !important;
	display: block;
	font-weight: bold;
	padding: 24px 12px;
	margin: 2px;
	background-color: #3478c3;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.tag_year>div>a:hover,
.tag_year>div>a:focus,
.tag_year>div>a:active {
	background-color: #14be9c;
}

.tag_year>div.active>a,
.tag_year>div.active>a:hover,
.tag_year>div.active>a:focus,
.tag_year>div.active>a:active {
	background-color: #27a081;
}

.hc_right {
	padding: 0 10px;
}

.hc_right>div {
	padding: 10px;
	margin-bottom: 20px;
	background-image: url(../images/bg_pattern1.jpg);
	background-repeat: repeat;
	position: relative;
}

.hc_right .lt_blank>li>a>span {
	display: inline-block;
	color: #fff;
	background-color: #e43427;
	border-radius: 4px;
	padding: 2px 8px;
	margin-left: 6px;
}

.more_btn {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 36px;
	height: 36px;
}

.more_btn a {
	color: #fff;
	background-color: #406d82;
	font-size: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.more_btn a:after {
	content: "+";
	font-size: 28px;
	position: absolute;
	color: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


/*=================*/

.select_header {
	margin-bottom: 20px;
	margin-top: 20px;
}

.select_header>ul {
	text-align: center;
	padding: 0;
	margin: 0;
}

.select_header.s_header2>ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.select_header.s_header2>ul>li {
	flex-grow: 1;
	flex-basis: 0;
}

.select_header.s_header2>ul>li>a {
	height: 100%;
}

.select_header>ul>li {
	display: inline-block;
	margin: 0 1px;
	position: relative;
	margin-bottom: 10px;
}

.select_header>ul>li.hidden {
	display: none;
}

.select_header>ul>li>a {
	display: block;
	padding: 8px 36px;
	background-color: #1a58ab;
	color: #fff !important;
}

.select_header>ul>li>div>ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	padding: 0;
	margin: 0;
	list-style-type: none;
	z-index: 999;
}


/*.select_header>ul>li:hover>div>ul,*/

.select_header>ul>li.open>div>ul {
	display: block;
}

.select_header>ul>li>div>ul>li {
	margin: 0;
}

.select_header>ul>li>div>ul>li>a {
	display: block;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-bottom-color: #9c9c9c;
	padding: 4px 10px;
	text-align: center;

}

.select_cont {
	text-align: center;
	margin: 20px 12px;
}


/*============================*/

.school_hb {
	position: relative;
	margin-bottom: 20px;
	background-color: #fff5c2;
	border: solid 5px #ff9600;
}

.school_hb>div {
	background-repeat: no-repeat;
	display: inline-block;
	width: 50%;
	padding: 30px 50px;
	height: 220px;
	background-size: 100% 100%;
	position: relative;
}

.school_hb>div:nth-child(1) {
	/*background-image: url(../images/bg_board_1.jpg);*/
	height: auto;
	background-color: #ff9600;
	width: auto;
	padding: 10px 45px 10px 20px;
}

.school_hb>div:nth-child(1):after {
	content: '';
	background: url(../images/hand.png);
	width: 30px;
	height: 30px;
	background-size: 30px;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -4px;
	right: 10px;
}

.school_hb>div:nth-child(2) {
	/*background-image: url(../images/bg_board_2.jpg);*/
	width: 100%;
	padding: 10px 20px;
	height: auto;
}

.school_hb>div a {
	display: block;
}

.school_hb>div:nth-child(1)>a {
	font-size: 2em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
}

.school_hb>div:nth-child(2)>p {
	margin-bottom: 0;
}

.school_hb>div:nth-child(2)>ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.school_tb {
	margin-bottom: 20px;
	max-width: 750px;
	width: 65%;
	display: inline-block;
	border: 1px solid #000;
}

.school_tb #recordTime {
	padding: 10px;
}

.table_style>div>div {
	padding: 10px;
}

.toggle_color>div:nth-child(odd) {
	background-color: #f0f0f0;
}

.toggle_color>div:nth-child(even) {
	background-color: #fff;
}

.toggle_color>div.header {
	background-color: #1a58ab;
	color: #fff;
}

.sb_school {
	text-align: right;
	margin-bottom: 20px;
	max-width: 400px;
	width: 35%;
	display: inline-block;
}

.sb_school>div {
	display: inline-block;
	margin: 10px;
}

.sb_school>div:first-child {
	margin-top: 0;
}

.sb_school>div:last-child {
	margin-bottom: 0;
}

.sb_school>div a {
	display: block;
	background-color: #00a8a9;
	color: #fff;
	padding: 10px;
	text-align: center;
	width: 300px;
	height: 200px;
	text-align: center;
	font-size: 1.4em;
}

.sb_school>div img {
	display: block;
	margin: 12px auto;
}


/*==========================*/

.ams_header {
	font-size: 1.4em;
	line-height: 1.4em;
	text-align: center;
	margin-bottom: 20px;
}

.ams_sec_1 {
	display: inline-block;
	width: 60%;
}

.ams_sec_1>div {
	display: inline-block;
	width: 50%;
	padding: 10px;
}

.ams_sec_2 {
	display: inline-block;
	width: 40%;
}

.ams_sec_2>div {
	padding: 10px;
}

#flexslider_amso .flex-direction-nav a {
	font-size: 0;
	padding: 10px 0;
}

#flexslider_amso .title {
	padding: 10px;
}

#flexslider_amso .flex-control-nav {
	position: relative;
	width: auto;
	display: inline-block;
	padding: 0;
	margin-top: 1.5px;
}

#flexslider_amso .flex-direction-nav {
	display: none;
}

#flexslider_amso .flex_control_area {
	text-align: center;
}

#flexslider_amso .flex_control_area .prevBtn,
#flexslider_amso .flex_control_area .nextBtn {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

#flexslider_amso .flex_control_area .prevBtn>a:before {
	font-family: "flexslider-icon";
	font-size: 15px;
	display: inline-block;
	content: '\f001';
	color: rgba(21, 7, 7, 1);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	vertical-align: text-bottom;
	line-height: normal;
}

#flexslider_amso .flex_control_area .nextBtn>a:before {
	font-family: "flexslider-icon";
	font-size: 15px;
	display: inline-block;
	content: '\f002';
	color: rgba(21, 7, 7, 1);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	vertical-align: text-bottom;
	line-height: normal;
}

#flexslider_amso .flex_control_area div.prevBtn>a,
#flexslider_amso .flex_control_area div.nextBtn>a {
	background: transparent;
	text-indent: 0;
	font-size: 0;
	padding: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	box-shadow: none;
}


/*==============*/

.cont_share ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.cont_share ul>li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.cont_share.float_right {
	float: right;
}


/*======================*/
.edu_list1 {
	margin: 20px -21px;
}

.edu_list1 .cat-div_submenu {
	width: 100% !important;
	padding: 12px 20px;
	float: left;
	background: #f7f5f5 !important;
}

.edu_list1 .cat-div_submenu>.sub-cat-grid-wrapper {
	float: left;
	background: #f7f5f5 !important;
	width: auto;
}

.edu_list1 .sub_sub_menu_list {
	width: 100% !important;
	background-color: #f0f0f0 !important;
	padding: 12px 30px;
}

.edu_list1 .cat-div_submenu .sub-cat-grid-wrapper div a:after {
	display: none;
}

.edu_list1 .cat-div_submenu .sub-cat-grid-wrapper div a {
	text-decoration: none !important;
}

.edu_list1 .cat-div_submenu .sub-cat-grid-wrapper div a:hover {
	text-decoration: underline !important;
	color: #2a6496 !important;
}

.edu_list1 .cat-div_submenu>.sub-cat-grid-wrapper>div {
	width: 183px !important;
	padding: 22px 20px !important;
}

@media (max-width:767px) {
	.edu_list1 .cat-div_submenu>.sub-cat-grid-wrapper {
		width: 200px;
		float: none;
		margin: 0 auto;
	}
}

.edu_list1 .cat-div_submenu .subcat-article-list.active {
	opacity: 1;
	position: relative;
	width: auto;
	height: auto;
	z-index: 1000;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}


.edu_list1 .cat-div_submenu .subcat-article-list {
	opacity: 0;
	position: absolute;
	z-index: -1;
	margin-top: 0;
	width: 0;
	height: 0;
	background-color: #f0f0f0;
	padding: 12px 30px;
}

.edu_list1 .cat-div_submenu .subcat-article-list.activite {
	float: none;
	clear: both;
	background-color: #f6f6f6;
	padding: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.edu_list1 .cat-div_submenu>.sub-cat-grid-wrapper>div>a>.sub-cat-circle {
	color: #fff;
	background-color: #333333;
	border-radius: 100%;
	font-size: 3em;
	display: block;
	width: 100px;
	padding: 10% 0;
	text-align: center;
	line-height: normal;
	margin: auto;
	height: 100px;
}

.edu_list1 .cat-div_submenu>.sub-cat-grid-wrapper>div>a>.sub-cat-text {
	text-align: center;
	display: block;
	padding: 20px 0;
	white-space: nowrap;
	color: #000000;
}


.edu_list1 .sub-cat-circle {
	color: #fff;
	background-color: #333333;
	border-radius: 100%;
	font-size: 3em;
	display: block;
	width: 80%;
	padding: 10% 0;
	text-align: center;
	line-height: normal;
	margin: auto;
}



.edu_list1>div {
	display: inline-block;
	padding: 12px 20px;
	/*	float:left;*/
}

.edu_list1>div.active {
	/*	display:block;
	float:none;*/
	width: 100%;
	clear: both;
	background-color: #f8f8f8;
}

.edu_list1>div>div:nth-child(1) {
	background-color: #333333;
	width: 200px;
}

.edu_list1>div>div:nth-child(1) a {
	color: #fff;
	text-decoration: none;
	display: block;
	position: relative;
}

.edu_list1>div>div:nth-child(1) a:after {
	content: "";
	position: absolute;
	background-image: url(../images/icon_sl_expand.png);
	background-size: 100% 100%;
	width: 38px;
	height: 38px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 0;
}

.edu_list1>div>div:nth-child(1) a:hover:after {
	opacity: 1;
}

.edu_list1>div.active>div:nth-child(1) a:after {
	-webkit-transform: rotate(180deg) translate(50%, 50%);
	-moz-transform: rotate(180deg) translate(50%, 50%);
	-ms-transform: rotate(180deg) translate(50%, 50%);
	-o-transform: rotate(180deg) translate(50%, 50%);
	transform: rotate(180deg) translate(50%, 50%);
}

.edu_list1>div>div:nth-child(1) img {
	max-width: 100%;
	height: 180px;
	margin: 0 auto;
	padding: 1em .2em;
	display: block;
}

.edu_list1>div>div:nth-child(1) span {
	color: #fff;
	display: block;
	text-align: center;
	padding: 1em;
}

.edu_list1>div>div:nth-child(2) {
	/*opacity: 0;
    position: absolute;
    z-index: -1;
    margin-top: 20px;*/
}

.edu_list1>div.active>div:nth-child(2) {
	opacity: 1;
	position: relative;
	z-index: 1000;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.edu_list1>div>div:nth-child(2)>div {
	/*    display: inline-block;*/
	padding: 12px 20px;
	float: left;
}

.edu_list1>div>div:nth-child(2)>div.active {
	float: none;
	clear: both;
	background-color: #f6f6f6;
	padding: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.edu_list1>div>div:nth-child(2)>div>div:nth-child(1) {
	width: 183px;
	padding: 22px 20px;
}

.edu_list1>div>div:nth-child(2)>div>div:nth-child(1) span.sub-cat-circle {
	color: #fff;
	background-color: #333333;
	border-radius: 100%;
	font-size: 3em;
	display: block;
	width: 80%;
	padding: 10% 0;
	text-align: center;
	line-height: normal;
	margin: auto;
}

.edu_list1>div>div:nth-child(2)>div>div:nth-child(1) span.sub-cat-text {
	text-align: center;
	display: block;
	padding: 20px 0;
	white-space: nowrap;
}

.edu_list1>div>div:nth-child(2)>div>div:nth-child(2) {
	opacity: 0;
	position: absolute;
	z-index: -1;
	margin-top: 0;
	width: 0;
	height: 0;
	background-color: #f0f0f0;
	padding: 12px 30px;
}

.edu_list1>div>div:nth-child(2)>div.active>div:nth-child(2) {
	opacity: 1;
	position: relative;
	width: auto;
	height: auto;
	z-index: 1000;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;

}

.edu_list1>div>div:nth-child(2)>div>div:nth-child(2)>ul {
	margin: 0;
	padding: 0;
}

/*==*/

.edu_list2 {
	margin: 20px -21px;
}

.edu_list2>div {
	display: inline-block;
	padding: 12px 20px;
}

.edu_list2 .cat-div_submenu {
	width: 100% !important;
}

.edu_list2>div.active {
	width: 100%;
	clear: both;
	background-color: #f8f8f8;
}

.edu_list2>div>div:nth-child(1) {
	background-color: #333333;
	width: 200px;
}

.edu_list2>div>div:nth-child(1) a {
	color: #fff;
	text-decoration: none;
	display: block;
	position: relative;
}

.edu_list2>div>div:nth-child(1) a:after {
	content: "";
	position: absolute;
	background-image: url(../images/icon_sl_expand.png);
	background-size: 100% 100%;
	width: 38px;
	height: 38px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 0;
}

.edu_list2>div>div:nth-child(1) a:hover:after {
	opacity: 1;
}

.edu_list2>div.active>div:nth-child(1) a:after {
	-webkit-transform: rotate(180deg) translate(50%, 50%);
	-moz-transform: rotate(180deg) translate(50%, 50%);
	-ms-transform: rotate(180deg) translate(50%, 50%);
	-o-transform: rotate(180deg) translate(50%, 50%);
	transform: rotate(180deg) translate(50%, 50%);
}

.edu_list2>div>div:nth-child(1) span.cat-head-txt {
	color: #ffffff;
	text-align: center;
	line-height: normal;
	display: block;
	font-size: 7.5em;
}

.edu_list2>div>div:nth-child(1) span.cat-grid-text {
	display: block;
	color: #ffffff;
	padding: 1em;
	text-align: center;
}

.edu_list2>div>div:nth-child(2) {
	opacity: 0;
	position: absolute;
	z-index: -1;
	margin-top: 0;
	width: 0;
	height: 0;
	background-color: #f0f0f0;
	padding: 12px 30px;
}

.edu_list2>div.active>div:nth-child(2) {
	opacity: 1;
	position: relative;
	width: auto;
	height: auto;
	z-index: 1000;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.edu_list2>div>div:nth-child(2)ul {
	margin: 0;
	padding: 0;
}


/* ============*/

.cc_select {
	min-height: 375px;
}

.cc_select>div.active>div:nth-child(2) {
	/*height: 300px;*/
	overflow: hidden;
}

.divided_four>div {
	width: 25%;
	display: inline-block;
}

.divided_four>div.accounted_three {
	width: 75%;
}

.cc_select .divided_four>div.accounted_three {
	padding: 0 20px;
}

.divided_six>div {
	width: 16.66%;
	display: inline-block;
}

.divided_six img {
	width: 100%;
	margin-bottom: 10px;
	display: block;
}

.divided_separation>div {
	border-left: 2px solid #ddd;
	padding: 0 10px;
	text-align: center;
}

.divided_separation>div:nth-child(1) {
	border-left: 0;
}

.divided_three>div {
	width: 33.33%;
	display: inline-block;
}

.divided_three>div.accounted_two {
	width: 100%;
}

#flexslider_adv>ul>li>a>img {
	display: inline-block;
	width: 33.33%;
	vertical-align: top;
}

#flexslider_adv>ul>li>a>span.title {
	display: inline-block;
	width: 66.66%;
	padding: 0 8px;
}

#flexslider_adv .flex-control-nav {
	position: relative;
}

#flexslider_dyk>ul>li>a>img {
	display: inline-block;
	width: 150px;
	vertical-align: top;
}

#flexslider_dyk>ul>li>a>span.title {
	display: inline-block;
	width: calc(100% - 150px);
	padding: 0 8px;
}

#flexslider_dyk .flex-control-nav {
	position: relative;
}

.cc_cis {
	position: relative;
	background-image: url(../images/climate_change/cis.jpg);
	background-size: 100% 100%;
	height: 140px;
}

.cc_cis>a {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	/* letter-spacing: 3px;
    */
	color: #34EE5C;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	font-size: 2em;
	font-weight: bold;
}

.cc_cis>a>span {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	white-space: nowrap;
}

.cont_share.inline {
	display: inline-block;
}

.education>div {
	width: 33.33%;
	display: inline-block;
	padding: 4px;
	height: 60px;
}

.education>div a {
	vertical-align: top;
	display: inline-block;
}

.education>div img {
	vertical-align: top;
	margin-right: 20px;
	display: inline-block;
}

#flexslider_adv .flex-direction-nav a,
#flexslider_dyk .flex-direction-nav a,
#flexslider_cc_slide1 .flex-direction-nav a,
#flexslider_cc_slide2 .flex-direction-nav a,
#flexslider_cc_slide3 .flex-direction-nav a,
#flexslider_cc_slide4 .flex-direction-nav a {
	font-size: 0;
	padding: 10px 0;
}

#flexslider_cc_slide1.flexslider .slides,
#flexslider_cc_slide2.flexslider .slides,
#flexslider_cc_slide3.flexslider .slides,
#flexslider_cc_slide4.flexslider .slides {
	margin-bottom: 10px;
}


/*========================*/

.webcamPhoto .etabs {
	background-color: #f4f5fa;
	width: 100%;
	padding: 10px 36px 0 36px;
	margin: 0 0 20px 0;
	position: relative;
}

.webcamPhoto .etabs:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background-color: #d5d6d8;
}

.webcamPhoto .etabs>li {
	display: inline-block;
	margin: 0;
	position: relative;
	z-index: 2200;
}

.webcamPhoto .etabs>li a {
	display: block;
	font-size: 1.2em;
	background-color: #cbe4e1;
	padding: 12px 40px;
	border-top: 3px solid #cbe4e1;
	border-bottom: 1px solid #d5d6d8;
	border-left: 1px solid #cbe4e1;
	border-right: 1px solid #cbe4e1;
}

.webcamPhoto .etabs>li.active a {
	background-color: #fff;
	border-top: 3px solid #50b99b;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #d5d6d8;
	border-right: 1px solid #d5d6d8;
	color: #073e7f;
}

.webcamPhoto>div:nth-child(2)>div {
	background-color: #f4f5f7;
	padding: 20px 20px 20px 40px;
	position: relative;
	margin-bottom: 40px;
}

.webcamPhoto>div:nth-child(2)>div:before {
	content: "";
	position: absolute;
	left: 20px;
	top: 20px;
	bottom: 20px;
	width: 10px;
	background-color: #000;
}

.webcamPhoto>div:nth-child(2)>div:nth-child(2):before {
	background-color: #43b9df;
}

.webcamPhoto>div:nth-child(2)>div:nth-child(3):before {
	background-color: #378e6c;
}

.webcamPhoto>div:nth-child(2)>div:nth-child(4):before {
	background-color: #e2846b;
}

.webcamPhoto>div:nth-child(2)>div:nth-child(5):before {
	background-color: #43b9df;
}

.webcamPhoto>div:nth-child(2)>div>div:nth-child(1) {
	padding: 0 10px;
	color: #073e7f;
}

.webcamPhoto>div:nth-child(2)>div>div:nth-child(2) {
	margin-left: -5px;
}

.webcamPhoto>div:nth-child(2)>div>div:nth-child(2)>div {
	display: inline-block;
	padding: 14px;
	max-width: 182px;
}


/*========================*/

.align_c_b {
	text-align: center;
	margin-bottom: 20px;
}

.align_c_b>div {
	display: inline-block;
	text-align: center;
	max-width: 550px;
	width: 100%;
	padding: 10px;
}

.align_c_b>div>div {
	text-align: center;
}

.align_c_b img {
	vertical-align: bottom;
	margin-bottom: 10px;
	width: 100%;
}

.mainContent .link_list a {
	/* color: #bb370f;*/
	color: #0000FF;
	text-decoration: underline;
}


/*==============*/

.contentArea .breadcrumb.fixed {
	position: fixed;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	top: 105px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.contentArea .breadcrumb.fixed:after {
	height: 44px;
}

.contentArea .breadcrumb.fixed>div {
	max-width: 1280px;
	margin: auto;
	padding: 0 40px;
}


/*==============*/

.my_img {
	padding: 20px;
}


/*==================*/

ul.list_year {
	margin-bottom: 3em;
}


/*==================*/

ul.toggle_list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.toggle_list>li {
	padding: 0.6em;
	margin: 0;
	background-color: #dce3ee;
}

ul.toggle_list>li:nth-child(odd) {
	background-color: #e1ebfa;
}

.hkoweb_title_text,
.hkoweb_title_date {
	text-align: center;
}


/*================*/

.divTable .divTableRow {
	display: flex;
	background-color: #dce3ee;
}

.divTable .divTableRow:nth-child(odd) {
	background-color: #e1ebfa;
}

.divTable .divTableCell {
	padding: 20px;
}

.list_page>ul {
	margin: 0;
	padding: 20px;
	text-align: center;
	list-style-type: none;
}

.list_page>ul>li {
	display: inline-block;
	margin: 0;
}

.list_page>ul>li>a {
	display: block;
	text-align: center;
	/*width: 34px;*/
	padding: 4px 0px;
	/*background-color: #3f3f3f;*/
	margin: 0px 2px;
	color: #eb6100 !important;
	text-decoration: none;
}

.list_page>ul>li>a:hover,
.list_page>ul>li>a:focus,
.list_page>ul>li>a:active {
	/*color: #fff;
	background-color: #494949;*/
}

.area_posts>div .title a {
	color: #000 !important;
}

select.date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 72%;
	border: #000000;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	width: 130px;
}

.page_select select {
	height: 2.1em;
	padding: 0 20px 0 5px;
	height: 32px;
}

.page_select label {
	margin-right: 10px;
	vertical-align: bottom;
}

.dateSelector {
	margin-bottom: 15px;
}

.dateSelector {
	display: inline-block;
	width: 100%;
}


/*hamlet update top left menu 20181126*/

body .div_mhm_scene {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
	top: 102px;
	position: fixed;
	background-color: #ffffff;
	left: -9999px;
	font-size: .88em;
	border-top: solid 5px #2b5db2;
	box-shadow: 0 5px 20px 0;
	/*20200210 w3c*/
	display: none;
}

body.indexVersion .div_mhm_scene {
	top: 200px !important;
}

body .active .div_mhm_scene {
	left: 0;
	/*20200210 w3c*/
	display: block;
}

body .div_mhm_scene_left {
	display: inline-block;
	width: 20%;
	background-color: #2b5db2;
	height: 656px;
}

body .div_mhm_scene_right {
	display: inline-block;
	width: 80%;
}

body .headerMenu.mainheaderMenu ul.mhm_scene {
	/*columns: 3;
     -webkit-columns: 3;
     -moz-columns: 3;
    */
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0;
	top: 0;
	position: relative;
	margin-bottom: 20px;
}

body .headerMenu.mainheaderMenu ul.menuLv0>li {
	display: inline-block;
	/*width: 100%;
    */
	width: 33%;
	vertical-align: top;
}

body .headerMenu.mainheaderMenu ul.menuLv0>li.my_menu0 {
	/*display: none;
    */
}

body .headerMenu.mainheaderMenu ul.mhm_scene ul {
	position: relative;
	left: 0;
	display: block;
	background-color: #ffffff;
}

body .headerMenu.mainheaderMenu ul.mhm_scene ul ul {
	position: relative;
	left: 0;
	display: block;
	background-color: #e9f6f9;
}

body .headerMenu.mainheaderMenu ul.tMenu.mhm_scene ul>li {
	width: 100%;
}

body .headerMenu.mainheaderMenu ul.tMenu.mhm_scene li>a {
	width: 100%;
	padding: 0 10px;
	color: #3988e7;
	background-color: transparent;
}

body .headerMenu.mainheaderMenu ul.tMenu.mhm_scene ul.menuLv1 {
	min-width: 0;
	margin: 10px;
	border-left: solid 1px #3988e7;
	padding: 5px 0;
	width: 95%;
	box-shadow: 0px 6px 20px -5px grey;
}

body .headerMenu.mainheaderMenu ul.tMenu.mhm_scene ul.menuLv1>li a {
	padding: 3px 20px;
	color: #000;
	font-size: 1.1em;
	position: relative;
}

body .headerMenu.mainheaderMenu ul.tMenu.mhm_scene ul.menuLv1 ul.menuLv2>li a {
	padding: 3px 40px;
}

body .headerMenu.mainheaderMenu ul.mhm_scene .menuLv2 {
	display: none;
}

body .headerMenu.mainheaderMenu ul.mhm_scene .menuLv2.active {
	display: block;
}

body .headerMenu.mainheaderMenu ul.mhm_scene img {
	display: none !important;
}

body .headerMenu.mainheaderMenu ul.mhm_scene .menuLv3 {
	display: none;
}

body .headerMenu.mainheaderMenu .mhm_scene a:link:hover,
body .ul_mhm_scene_history_result>li>a:hover {
	/* color: #FF9900 !important;
    */
	/* 20200824 Fix Accessibility issue
	color: #8D6302 !important; */
	color: #0000FF !important;
}

.sitemap_menu ul {
	list-style: none;
}

.sitemap_menu .tMenu.menuLv0>li>a {
	position: relative;
}

.sitemap_menu .tMenu>li {
	font-size: 1.1em;
}

.sitemap_menu ul.menuLv0>li a {
	text-decoration: none !important;
}

.sitemap_menu ul.mhm_scene {
	/*columns: 3;
     -webkit-columns: 3;
     -moz-columns: 3;
    */
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0;
	top: 0;
	position: relative;
	margin-bottom: 20px;
}

.sitemap_menu ul.menuLv0>li {
	display: inline-block;
	/*width: 100%;
    */
	width: 30%;
	vertical-align: top;
}

.sitemap_menu ul.menuLv0>li.my_menu0 {
	/*display: none;
    */
}

.sitemap_menu ul.mhm_scene ul {
	position: relative;
	left: 0;
	display: block;
	background-color: #ffffff;
}

.sitemap_menu ul.tMenu.mhm_scene ul>li {
	width: 100%;
	margin-left: 0;
}

.sitemap_menu ul.tMenu.mhm_scene li>a {
	width: 100%;
	padding: 0 10px;
	color: #3988e7;
	background-color: transparent;
}

.sitemap_menu ul.tMenu.mhm_scene ul.menuLv1 {
	min-width: 0;
	margin: 10px;
	border-left: solid 1px #3988e7;
	padding: 5px 0;
	width: 95%;
	box-shadow: 0px 6px 20px -5px grey;
}

.sitemap_menu ul.tMenu.mhm_scene ul.menuLv1>li a {
	padding: 3px 20px;
	color: #4c4c4c;
	font-size: .9em;
}

.sitemap_menu ul.tMenu.mhm_scene ul.menuLv1 ul.menuLv2>li a {
	padding: 3px 40px !important;
}

.sitemap_menu ul.mhm_scene .menuLv2 {
	display: none;
}

.sitemap_menu ul.mhm_scene .menuLv2.active {
	display: block;
}

.sitemap_menu ul.mhm_scene img {
	display: none !important;
}

.sitemap_menu ul.mhm_scene .menuLv3 {
	display: none;
}

.sitemap_menu .mhm_scene a:link:hover {
	color: #8D6302 !important;
}

.sitemap_menu .mhm_scene>li>a {
	font-weight: bold;
}

.div_mhm_scene_index {
	display: block;
	width: 120px;
	padding: 15px 10px;
	float: left;
}

.div_mhm_scene_index a {
	display: inline-block !important;
	color: #36444d;
	font-size: 1.2em;
	font-weight: bold;
	vertical-align: middle;
	z-index: 1000;
	position: relative;
}

.div_mhm_scene_index a>span {
	color: #2b5db2;
	vertical-align: middle;
	font-size: 1.1em;
}

.div_mhm_scene_index img {
	margin-right: 5px;
	vertical-align: middle;
}

.div_mhm_scene_search {
	display: block;
	width: 100%;
	padding: 15px 10px 15px 120px;
	position: relative;
}

.div_mhm_scene_search input {
	color: #000;
	width: 100%;
	border: solid 1px #CF8402;
	outline: #CF8402 auto 7px;
	outline-offset: -2px;
	height: 26px;
}

.div_mhm_scene_search input:focus {
	outline: #CF8402 auto 7px;
}

.div_mhm_scene_search img {
	position: absolute;
	right: 20px;
	top: 51%;
	transform: translateY(-50%);
	width: 20px;
}

.ul_mhm_scene_search_result {
	position: absolute;
	z-index: 8501;
	background-color: #ffffff;
	width: 600px;
	box-shadow: 0 4px 5px rgba(224, 224, 224, 1);
	max-height: 500px;
	overflow-y: auto;
	display: none;
}

.ul_mhm_scene_search_result.active {
	display: block
}

.ul_mhm_scene_search_result>li {
	width: 100%;
}

.ul_mhm_scene_search_result>li>a {
	padding: 10px 20px;
}

.ul_mhm_scene_search_result>li>a:hover {
	background-color: #eaeaea;
}

.div_mhm_scene_history {
	padding: 0 15px;
	font-size: 1.2em;
}

.div_mhm_scene_history_header {
	margin-bottom: 10px;
	color: #ffffff;
	border-bottom: solid 1px;
	padding: 16px 15px 15px 15px;
}

.ul_mhm_scene_history_result>li {
	width: 100%;
	padding: 5px 15px;
}

.ul_mhm_scene_history_result>li>div {
	position: relative;
}

.headerArea .headerTool .ul_mhm_scene_history_result>li>div>a {
	font-weight: normal;
	color: #ffffff;
	width: calc(100% - 25px);
}

.headerArea .headerTool .ul_mhm_scene_history_result>li>div>a:hover {
	color: #FFF !important;
}

.headerArea .headerTool .ul_mhm_scene_history_result>li>div>a.delete_hisotry {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: #dfe5f5;
	color: #3988e7;
	width: 25px;
	text-align: center;
}

.headerArea .headerTool .ul_mhm_scene_history_result>li>div>a.delete_hisotry:hover {
	color: #FF9900 !important;
}

.div_mhm_scene_menu {
	overflow-y: auto;
	max-height: 600px;
	width: 100%;
	padding: 20px 60px;
	background-color: #edf0f3;
}

.div_mhm_scene_right_top {
	box-shadow: 0 3px 10px grey;
	padding: 0 60px;
	position: relative;
}


/*hamlet update top left menu 20181126*/

.video_mask {
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 0px;
	right: 0px;
	z-index: 3006;
}

.video_mask .main-slide_mesh {
	position: absolute;
	/*background: url(../images/mesh.png) repeat;
    */
	background-color: #ffffff;
	opacity: .5;
	top: 0px;
	bottom: 0;
	left: 0px;
	right: 0px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.video_cont {
	text-align: center !important;
	position: absolute;
	top: 250px;
	bottom: 190px;
	left: 0px;
	right: 0px;
	z-index: 3010;
}

.video_cont>span {
	font-size: 4em;
	color: #ffffff;
	font-weight: bold;
}

.video_cont_play_icon {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}

.video_url {
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 0px;
	right: 0px;
	z-index: 3015;
}

.video_url a {
	display: block;
	height: 100%;
}

.youTubeWrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}

iframe.myYouTube {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* body .w4>.currentTool{
					  
     background: none;
}
						 
 body .warea4 .video_mask, body .currentTool .warea4 .video_arae, body .warea4 .video_url {
						 
						 
     top: 200px;
}
 body .warea4 .video_mask .main-slide_mesh{
     opacity: 0;
}

 body .warea6 .video_mask .main-slide_mesh{
     background-color: #000000;
}
 body[data-warea="6"] .headerTool .tMenu.menuLv0>li>a{
     color: #ffffff;
}
 body[data-warea="6"] .headerTool .clientTool div, body[data-warea="6"] .clientTool a {
									
     color: #ffffff !important;
}
 */


/*hamlet update 20181211*/


/*=============*/

.upper-roman {
	list-style-type: upper-roman;
}

.cjk-ideographic {
	list-style-type: cjk-ideographic;
}

.triDivoRow {
	border: 1px solid #000;
	margin-bottom: 20px;
}

.triDivoRow>div>div {
	display: inline-block;
	width: 33.33%;
}

.twiDiv {
	margin-bottom: 20px;
}

.twiDiv>div {
	display: inline-block;
	width: 50%;
	padding: 10px;
}

.my_border {
	display: inline-block;
	padding: 20px 8px;
	border: 1px solid #666;
	margin-bottom: 20px;
}

.my_border>*:last-child {
	margin-bottom: 0;
}

.douborder {
	border-style: double;
	border-width: 4px;
}

.tableStyle {
	margin-bottom: 20px;
}

.tableFirstHeader table tr:nth-child(1) {
	background-color: #1a58ab;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

.tableFirstHeader table tr:nth-child(1) a {
	color: #fff;
}

.tableBorder table th,
.tableBorder table td {
	border-collapse: collapse;
	/* border:1px solid #666;
     padding:8px 12px;
    */
	border: 2px solid #fff;
	padding: 16px;
}

.flexDiv {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.flexDiv>div {
	padding-right: 10px;
}

.flexDiv>div:last-child {
	padding-right: 0;
}

.tableStyle table {
	margin: auto;
}

.fullTable table {
	width: 100%;
}

.tableStyle tr:nth-child(odd) {
	background-color: #eff4f7;
}

.tableStyle tr:nth-child(even) {
	background-color: #fff;
}

tr.tableHeader,
.tableStyle tr.tableHeader {
	background-color: #1a58ab;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

.tableHeader th,
.tableHeader td {
	text-align: center;
}

.halfDiv>div {
	display: inline-block;
	width: 50%;
	margin-bottom: 20px;
}

.halfDiv .cover {
	text-align: center;
}

.halfDiv .title {
	text-align: center;
	padding: 12px 0;
}

.flexTable {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin: 20px 0;
}

.flexTable table {
	margin: 0 auto;
}

.flexMinTri table {
	min-width: 32%;
}

.lr_side>div {
	display: inline-block;
	width: 50%;
	text-align: left;
}

.lr_side>div:nth-child(2) {
	text-align: right;
}


/*===========*/

.area_alert2 {
	display: none;
}

.show_area_alert2 .area_alert2 {
	display: block;
}

.show_area_alert2 .area_slogan {
	/*display: none !important;*/
}

.mainpage0 .special .area_alert2 {
	position: relative;
}

.area_alert2 .flex_control_area {
	color: #fe940a;
	font-weight: bold;
}

.div_bookmark_list {
	background-color: #f3f3f3;
	border: 1px solid #9dbcd0;
	padding-bottom: 10px;
	margin-bottom: 40px;
}

.div_bookmark_list ul {
	margin: 20px 0;
	padding: 0 40px;
	list-style-type: none;
}

.div_bookmark_list ul li {
	position: relative;
}

.div_bookmark_list ul li:before {
	content: " ";
	position: absolute;
	left: -26px;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 15px;
	background-image: url(../images/bul_star.png);
	background-repeat: no-repeat;
}

.div_bookmark_list.editing ul li:before {
	content: " ";
	position: absolute;
	left: -26px;
	top: 50%;
	transform: translateY(-50%);
	width: 17px;
	height: 17px;
	background-image: url(../images/bul_minus.png);
	background-repeat: no-repeat;
}

.div_how_to_use_bookmark {
	background-color: #f3f3f3;
	border: 1px solid #9dbcd0;
	padding: 10px;
	margin-bottom: 40px;
}

.myheaderTool>div.clientTool .shareTool {
	position: absolute;
	right: 0;
	top: 33px;
	display: none;
	z-index: 9000;
	padding: 5px 3px;
	background-color: #f8f8f8;
	border: 1px solid #ddd;
}

.myheaderTool>div.clientTool .shareTool.active {
	display: block;
}


/*========*/

.tab_select.astro_tab {}

.astro_tab>div {
	width: 33.333%;
}

.tab_select.astro_tab>div>div:nth-child(1) {
	height: 150px;
}

.tab_select.astro_tab>div>div:nth-child(2) {
	top: auto;
}


/*============*/

.nine_day_list .adw_day {
	/* background-color:rgba(102, 102, 102, 1);
    */
}

.nine_day_list {
	margin: 8px 0 0 0;
	border: 0;
	background-color: transparent;
}

.nine_day_list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.nine_day_list ul>li {
	padding-left: 2px;
	padding-right: 2px;
	margin: 0;
	display: inline-block;
	width: 11.111%
}

.nine_day_list ul>li>div {
	padding-left: 2px;
	padding-right: 2px;
	background-color: #1b5397;
	box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.09), 4px 6px 6px rgba(0, 0, 0, 0.13);
	margin: 0;
}

.nine_day_list ul img {
	width: auto;
	display: inline-block;
}

.nine_day_list .adw_day>div:nth-child(1) {
	color: #fff;
	text-align: center;
	/* font-weight:bold;
     font-size: 1.2em;
    */
	padding-top: 6px;
	white-space: nowrap;
}

.nine_day_list .adw_day>div:nth-child(2) {
	text-align: center;
	padding: 6px 20px;
}

.nine_day_list .adw_day>div:nth-child(2)>span {
	/* padding: 15px;
    */
	margin: auto;
	display: inline-block;
	border-radius: 100px;
	/* border: 3px solid #fff;
    */
}

.nine_day_list .adw_day>div:nth-child(2) img {
	width: auto;
}

.nine_day_list .adw_detail {
	/* background-color: rgba(255,255,255,1);
    */
	color: #fff;
	padding: 4px 0;
}

.nine_day_list .adw_detail {
	font-size: 1em;
	font-weight: bold;
}

.nine_day_list .adw_detail>div {
	/* color:#000;
    */
	text-align: center;
}

.nine_day_list .adw_detail>div:nth-child(1) {
	font-size: 1em;
}

.nine_day_list .adw_detail>div .lowest {
	/* color:#1b5397;
    */
}

.nine_day_list .adw_detail>div .highest {
	/* color:#fb5f30;
     color: #d33f12;
    */
}


/*============*/

.b_list>ul {
	list-style-type: none;
}

.ib_list>ul {
	list-style-type: none;
}

.ib_list>ul>li {
	display: inline-block;
}

.hc_right>div.astro_event {
	padding: 0;
	max-height: 300px;
	min-height: 0;
	position: relative;
	overflow: hidden;
}

.toggleDiv>div {
	padding: 10px;
	background-color: #dce3ee;
}

.toggleDiv>div:nth-child(odd) {
	background-color: #e1ebfa;
}

.div_fou_thr {
	display: inline-block;
	width: 75%;
}

.div_fou_one {
	display: inline-block;
	width: 25%;
}

.div_fou_one table {
	font-size: .8em;
}

.div_two_one {
	display: inline-block;
	width: 50%;
}

.ibflexDiv {
	text-align: center;
	margin: auto;
}

.ibflexDiv>div {
	display: inline-block;
	padding: 20px;
}

.ibflexDiv .title {
	text-align: center;
	padding: 8px 12px;
}

.ibflexDiv .cont {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.ibflexDiv .cont>div {
	flex-grow: 1;
	flex-basis: 0;
	min-width: 120px;
	padding: 8px 12px;
}

.ibflexDiv .cont img {
	width: 100%;
	height: auto;
}


/*=================*/

.tableHalfSpan table {
	max-width: 100%;
	width: 400px;
}

.tableHalfSpan td {
	vertical-align: top;
}

.tableHalfSpan td>span {
	display: inline-block;
	width: 50%;
	text-align: left;
	vertical-align: top;
}

.tableHalfSpan td span:nth-child(1) {
	padding-right: 5px;
}

.tableHalfSpan td span:nth-child(2) {
	padding-left: 5px;
}

.tableHalfRightRight td span:nth-child(2) {
	text-align: right;
}

.updateTime {
	float: right;
	margin-left: 20px;
}

h2 span.updateTime {
	font-size: 0.7142857em;
	font-weight: normal;
}

.editBtn a.btn_bookmark_setting {
	display: inline-block;
	color: #fff;
	background-color: #1b5397;
	padding: 6px 60px;
}

.footerArea .footerMenu ul.footerMenuList {
	/*columns: 4;
     -webkit-columns: 4;
     -moz-columns: 4;
     -webkit-column-gap: 0;
     -moz-column-gap: 0;
     column-gap: 0;
    */
}

.footerArea .footerMenu ul.footerMenuList>li {
	display: inline-block;
	/*width: 100%;
    */
	width: 33%;
	vertical-align: top;
}

.footerArea .footerMenu ul.footerMenuList>li>ul {
	margin: 10px;
	padding: 5px 0;
	background-color: #494949;
}

.footerArea .footerMenu ul.footerMenuList>li>ul>li>a {
	display: block;
	margin: 0;
	padding: 3px 16px;
}

#qr_main>img {
	margin: auto;
}


/* New Mobile Top Button */

.div_mobile_mydimwx,
.div_mobile_language,
.div_mobile_search,
.div_mobile_share,
.div_mobile_setting,
.div_mobile_menu {
	position: fixed;
	left: 0;
	right: 0;
	top: -2000px;
	padding-top: 133px;
	height: 100%;
	overflow-y: auto;
	z-index: 1;
	background: #fff;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.div_mobile_menu nav.menu_list {
	position: absolute;
	left: -4000px;
	width: 100%;
	top: 110px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.div_mobile_menu nav#mob-subnav--1>div.menu_list_item {
	font-size: 1.2em;
}

.div_mobile_menu div.menu_list_title {
	padding: 2px 15px;
	font-weight: bold;
	font-size: 1.2em;
	background: #fff;
	text-align: center;
}

.div_mobile_menu div.menu_list_item {
	padding: 5px 15px;
	font-weight: bold;
	font-size: 1.2em;
	background: #fff;
}

.div_mobile_menu div.menu_list_title>a,
.div_mobile_menu div.menu_list_item>a {
	color: #000;
	position: relative;
	display: block;
	margin: 0 10px;
}

.div_mobile_menu div.menu_list_item>a.have_sub_menu:after {
	content: '';
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #000;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.div_mobile_menu div.menu_list_title>a:after {
	content: '';
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 5px solid #000;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.div_mobile_mydimwx>ul,
.div_mobile_language>ul,
.div_mobile_setting>ul {
	list-style: none;
	padding-left: 0;
}

.div_mobile_mydimwx>ul>li,
.div_mobile_language>ul>li,
.div_mobile_setting>ul>li {
	font-size: 1.2em;
	font-weight: bold;
	padding: 2px 15px;
	margin-bottom: 10px;
	display: block;
}

.div_mobile_mydimwx>ul>li>a,
.div_mobile_language>ul>li>a,
.div_mobile_setting>ul>li>a {
	color: #000;
	margin: 0 10px;
}

.div_mobile_share>div.div_mobile_share_title,
.div_mobile_search>div.div_mobile_search_title,
.div_mobile_mydimwx>div.div_mobile_mydimwx_title,
.div_mobile_language>div.div_mobile_language_title,
.div_mobile_setting>div.div_mobile_setting_title {
	font-size: 2em;
	font-weight: bold;
	margin: 0 15px 3%;
	padding: 0 10px;
	position: relative;
}

.div_mobile_share>div.div_mobile_share_title>span,
.div_mobile_search>div.div_mobile_search_title>span,
.div_mobile_language>div.div_mobile_language_title>span,
.div_mobile_mydimwx>div.div_mobile_mydimwx_title>span,
.div_mobile_setting>div.div_mobile_setting_title>span {
	padding: 2px 3%;
	position: relative;
	z-index: 10;
}

.div_mobile_share>div.div_mobile_share_title:after,
.div_mobile_search>div.div_mobile_search_title:after,
.div_mobile_language>div.div_mobile_language_title:after,
.div_mobile_mydimwx>div.div_mobile_mydimwx_title:after,
.div_mobile_setting>div.div_mobile_setting_title:after {
	content: '';
	display: block;
	height: 25px;
	width: 90%;
	max-width: 420px;
	background: #ffc62e;
	position: absolute;
	top: 0.8em;
	z-index: 0;
}

.div_mobile_search>.mobSearch {
	display: none;
}

.div_mobile_search>.searchTool {
	display: block;
	margin: 15px;
	padding: 0 10px;
}

.div_mobile_search>.searchTool input#searchbar {
	height: 45px;
	border: 0;
	box-sizing: border-box;
	color: #000;
	border-bottom: 1px solid #eb6100;
	background: transparent;
	position: relative;
	z-index: 5;
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px;
	width: calc(100% - 31px);
}

.div_mobile_search>.searchTool input#searchbar::-webkit-input-placeholder,
.div_mobile_search>.searchTool input#searchbar:-moz-placeholder,
.div_mobile_search>.searchTool input#searchbar::-moz-placeholder,
.div_mobile_search>.searchTool input#searchbar:-ms-input-placeholder {
	color: #eb6100;
}

.div_mobile_share>a {
	display: none;
}

.div_mobile_share>.shareTool {
	margin: 15px;
}

body .headerArea .headerTool .div_mobile_share>.shareTool>a {
	padding: 10px;
	display: inline-block;
}

.div_mobile_share>.shareTool img {
	height: 36px;
}


/* New Mobile Top Button */

.myIpStyle {
	margin: 0 auto 1em auto;
	text-align: center;
	border: 1px solid black;
	max-width: 65%;
	min-width: 33%;
	padding: 0.5em 1em;
	border-radius: 5px;
}

.myIpStyle input[type="text"] {
	border: 0;
	border-bottom: 2px solid #000;
	border-radius: 0;
	width: auto;
	padding-right: 2px;
	padding-left: 2px;
	background-color: transparent;
}

.myIpStyle input[type="button"] {
	color: #fff;
	background-color: #1b5397;
	padding: .2em 1.2em;
	border: 0;
}

ul.mls_red {
	color: #ff0000;
}

ul.mls_ds_blue {
	color: #00bfff;
}

ul.mls_li_green {
	color: #32cd32;
}

ul.mls_square>li {
	list-style-type: square;
}

ul.myListStyle>li>* {
	color: #000000;
}

.scroll_x_axis {
	overflow-x: auto;
}


/*ray update 20190110*/

.div_responsive_table_1 {
	overflow-x: auto;
	overflow-y: hidden;
}

.div_responsive_table_1>table {
	min-width: 400px;
	width: 100%;
}

.div_table_center {
	margin: auto;
}

.div_table_center>table {
	margin: auto;
}

.div_center {
	text-align: center !important;
}

.coler_blue {
	color: blue;
}

.table_width {
	width: 60%;
}

@media screen and (max-width: 500px) {
	.table_width {
		width: 100%;
	}
}


/*ray update 20190110*/


/*Raymond update 20190125*/

.img_left {
	float: left;
	padding: 0 25px 25px 0;
	width: auto;
}

.img_left>span {
	font-size: 15px;
}

.pre_next_page_button {
	clear: both;
}

.pre_page_button {
	width: 50%;
	text-align: left;
	display: inline-block;
}

.chineseVersion .pre_page_button>a>img {
	width: 93px;
	height: 36px;
}

.next_page_button {
	width: 50%;
	text-align: right;
	display: inline-block;
}

.chineseVersion .next_page_button>a>img {
	width: 95px;
	height: 36px;
}

.pre_page_button>a>img,
.next_page_button>a>img {
	width: auto;
	height: 29px;
}

.end_page_img {
	width: 50%;
	text-align: right;
	display: inline-block;
	vertical-align;
	middle;
}

.end_page_img>img {
	width: 47px;
	height: 15px;
}

.chineseVersion .end_page_img>img {
	width: 53px;
	height: 23px;
}

.border_blank hr {
	width: 100%;
}

.img_center {
	text-align: center;
	margin-bottom: 5px;
}

.close_page_button {
	width: 50%;
	text-align: right;
	display: inline-block;
}

.close_page_button img {
	width: 94px;
	height: 48px;
}

.img_cell_0 {
	display: inline-block;
}

.img_cell_0>div {
	display: inline-block;
}

.img_cell {
	display: inline-block;
	width: 160px;
	text-align: center;
	font-size: 18px;
	margin: 5px 5px;
}

.img_cell_2 {
	display: inline-block;
	text-align: center;
	font-size: 18px;
	margin: 5px 5px;
}

.img_cell_3 {
	display: inline-block;
	width: 160px;
	text-align: center;
	font-size: 15px;
	margin: 5px 5px;
}

.close_page_button_left {
	width: 50%;
	text-align: left;
	display: inline-block;
	vertical-align;
	middle;
}

.sample_table>thead>tr>th:nth-child(2) {
	text-align: center;
}

.sample_table>tbody>tr>td:nth-child(2) {
	text-align: center;
}

.sample_table {
	margin: 0 auto;
}

.center_table {
	margin: 0 auto;
}

.center_table_2 {
	margin: 0 auto;
}

.center_table_2>thead,
.center_table_2>tbody {
	text-align: center;
}

.char_ul {
	list-style: none;
}

.char_ul>li {
	padding-left: 40px;
}

.char_ul>li>span {
	margin-left: -65px;
	margin-right: 42px;
}

.char_ul>li:nth-child(10)>span {
	margin-left: -65px;
	margin-right: 32px;
}

.select_year_area {
	text-align: center;
}

.select_year_area>div:nth-child(1) {
	display: inline-block;
	text-align: left;
	width: 20%;
}

.select_year_area>div:nth-child(1) span {
	font-weight: bold;
	font-size: 25px;
}

.select_year_area>div:nth-child(2) {
	display: inline-block;
	text-align: center;
	width: 20%;
}

.select_year_area>div:nth-child(2) span {
	font-weight: bold;
	font-size: 25px;
}

.select_year_area>div:nth-child(3) {
	display: inline-block;
	text-align: right;
	width: 20%;
}

.center_content {
	width: 60%;
	display: inline-block;
}

.clear_right {
	clear: right;
}

ol.curly_braces_list {
	list-style: none;
	counter-reset: item;
}

ol.curly_braces_list li {
	counter-increment: item;
	margin-bottom: 5px;
}

ol.curly_braces_list li:before {
	content: "(" counter(item) ")";
}

.table_td_align_center {
	text-align: center;
	vertical-align: middle;
}

table.tour_form {
	width: 100%;
}

.setion_banner {
	margin-bottom: 20px;
	position: relative
}

.setion_banner .cont {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

.setion_banner .cont h1,
.setion_banner .cont h2 {
	text-align: center;
	margin-bottom: 0;
	font-size: 2em;
}

.setion_banner .cont * {
	color: #ffffff !important;
}

.setion_banner .ams_header {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0;
	color: #ffffff;
	font-size: 1.1em;
	font-weight: bold;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.div_mobile_language,
.div_mobile_mydimwx,
.div_mobile_search,
.div_mobile_share,
.div_mobile_setting,
.div_mobile_menu,
.div_mobile_menu>nav {
	display: none;
}

.div_mobile_language.active,
.div_mobile_mydimwx.active,
.div_mobile_search.active,
.div_mobile_share.active,
.div_mobile_setting.active,
.div_mobile_menu.active,
.div_mobile_menu>nav.active {
	display: block;
}

@media (min-width:767px) {
	h1.mobile_h1 {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		border: 0;
	}
}

h1.no_h1 {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

div.ams_header {
	display: none;
}


/*===========*/

.fish_tab>div {
	width: 25%;
}

.lastestPhoto>div {
	display: inline-block;
	padding: 14px;
	width: 360px;
	max-width: 100%;
}

.tab_select.fish_tab>div>div:nth-child(1) {
	height: 110px;
}

.tab_select.fish_tab>div>div:nth-child(2) {
	top: auto;
}

.icon_list>ul>li {
	position: relative;
	width: 33.33%;
	vertical-align: top;
	margin: 0;
	padding: 10px;
	min-height: 60px;
}

.icon_list>ul>li>div:nth-child(1) {
	position: absolute;
}

.icon_list>ul>li>div:nth-child(2) {
	padding-left: 50px;
}


/*===============*/

.hiking_tab>div {
	width: 33.33%;
}

.tab_select.hiking_tab>div>div:nth-child(1) {
	height: 90px;
}

.tab_select.hiking_tab>div>div:nth-child(2) {
	top: auto;
}

.flip-container {
	position: relative;
	width: 46px;
	height: 17px;
}

.flip-container .front,
.flip-container .back {
	-webkit-backface-visibility: hidden;
	-webkit-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: 0.6s;
	backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: absolute;
	top: 0;
	left: 0;
	width: 46px;
	height: 46px;
}

.flip-container .front {
	-webkit-transform: rotateY(0deg);
	z-index: 2;
	transform: rotateY(0deg);
}

.flip-container .back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(-180deg);
	font-size: 12px;
	padding-top: 5px;
}

.flip-container:hover .back {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.flip-container:hover .front {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.leftMenuPage div.mainContent {
	/* max-width: calc(100% - 310px);
								  
     width: 100%;
     display: inline-block;
    */
}

.leftMenuPage div.subMenu {
	/* padding-top: 30px;
    */
	padding-bottom: 30px;
	width: 310px;
	float: left;
}

.leftMenuPage div.subMenu .sub1 ul {
	list-style: none;
	padding: 0;
	margin: 0;
	/* margin-left: 10px;
     */
	border-collapse: collapse;
	background-color: #f4faf8;
	z-index: 5000;
}

.leftMenuPage div.subMenu .sub1 ul li {
	/* border: 1px solid #e6e6e6;
    */
	border-top: 0;
	margin: 0;
	position: relative;
}

.leftMenuPage div.subMenu .sub1 ul.menuLv0>li>a {
	background-color: #1a58ab;
	color: #fff;
	border: 1px solid #e6e6e6;
	font-size: 1.4em;
	line-height: normal;
}

.leftMenuPage div.subMenu .sub1 ul.menuLv1>li {
	border: 1px solid #e6e6e6;
}

.leftMenuPage div.subMenu .sub1 ul li a {
	padding: 10px;
	display: block;
	color: #000;
}

.leftMenuPage div.subMenu .sub1 ul li.active {
	background-color: #0064cb;
	background-image: url(../images/bg_submenu.jpg);
	background-repeat: repeat-y;
	background-position: right;
	position: relative;
}

.leftMenuPage div.subMenu .sub1 ul li.active a {
	color: #fff;
}

.leftMenuPage div.select_header {
	display: none;
	text-align: center;
	padding-bottom: 5px;
	border-bottom: 4px solid #50b99b;
}

.leftMenuPage div.select_header select {
	position: relative;
	color: #1f61b0;
	text-decoration: none;
	font-size: 1.2em;
	padding: 10px;
	border: 2px solid #cfcfcf;
	border-radius: 4px;
	padding-right: 40px;
	margin: 0;
}

.mhm_scene_history_switch {
	position: relative;
	display: inline-block;
	width: 55px;
	height: 26px;
	float: right;
}

.mhm_scene_history_switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.mhm_scene_history_switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.mhm_scene_history_switch .slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 3px;
	bottom: 3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.mhm_scene_history_switch.on .slider {
	background-color: #2196F3;
}

.mhm_scene_history_switch.on .slider {
	box-shadow: 0 0 1px #2196F3;
}

.mhm_scene_history_switch.on .slider:before {
	-webkit-transform: translateX(29px);
	-ms-transform: translateX(29px);
	transform: translateX(29px);
}

.mhm_scene_history_switch .slider.round {
	border-radius: 34px;
}

.mhm_scene_history_switch .slider.round:before {
	border-radius: 50%;
}

.mhm_scene_history_switch .slider>span {
	display: inline-block;
	width: 50%;
	text-align: center;
}

body.englishVersion .mhm_scene_history_switch .slider>span {
	font-size: .6em;
}

.mhm_scene_history_switch.off .slider>span {
	color: #666666;
}


/*===========*/

.div_mhm_scene_menu {
	position: relative;
}

.div_mhm_scene_menu .cne_menu {
	position: absolute;
	right: 20px;
	z-index: 8600;
}

.div_mhm_scene_menu .cne_menu>div {
	display: inline-block;
}

.div_mhm_scene_menu .cne_menu a {
	display: block;
	font-size: 2em;
	padding: 0 5px;
	width: 30px;
	text-align: center;
}


/*===========*/

.happybackground {
	background-image: repeating-linear-gradient(transparent, transparent 50px, rgba(235, 235, 235, .25) 50px, rgba(235, 235, 235, .25) 100px), repeating-linear-gradient(90deg, rgba(235, 235, 235, .25), rgba(235, 235, 235, .25) 50px, transparent 50px, transparent 100px), repeating-linear-gradient(135deg, transparent, transparent 4px, rgba(255, 255, 255, .1) 4px, rgba(255, 255, 255, .1) 8px), repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(255, 255, 255, .1) 4px, rgba(255, 255, 255, .1) 8px), repeating-linear-gradient(transparent, transparent 20px, rgba(245, 245, 245, .25) 20px, rgba(245, 245, 245, .25) 21px, transparent 21px, transparent 29px, rgba(245, 245, 245, .25) 29px, rgba(245, 245, 245, .25) 30px, transparent 30px, transparent 50px), repeating-linear-gradient(90deg, transparent, transparent 20px, rgba(245, 245, 245, .25) 20px, rgba(245, 245, 245, .25) 21px, transparent 21px, transparent 29px, rgba(245, 245, 245, .25) 29px, rgba(245, 245, 245, .25) 30px, transparent 30px, transparent 50px);
}

.leftMenuCont {
	max-width: calc(100% - 310px);
	width: 100%;
	display: inline-block;
}

table.list_year {
	width: 100%;
}

div.list_year {
	width: 100%;
	display: table;
}

table.list_year th {
	color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
	background-color: #073e7f;
	padding: 10px;

}

div.list_year .record {
	display: table-row;
}

div.list_year .record:nth-child(odd) {
	background-color: #E4EEFC;
}

div.list_year .header {
	color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
	background-color: #073e7f;
	padding: 10px;
	display: table-caption;
}

div.list_year .title {
	width: 80%;
	padding: 10px;
	display: table-cell;
}

div.list_year .year {
	width: 20%;
	padding: 10px;
	display: table-cell;
	text-align: center;
}

table.list_year th {
	color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
	background-color: #073e7f;
	padding: 10px;
}

table.list_year.hko_news th {
	background-color: #3A823A;
}

table.list_year td {
	padding: 10px;
}

table.list_year tr>td:first-child {
	width: 80%;
}

table.list_year tr>td:last-child {
	width: 20%;
	text-align: center;
}

table.list_year tr:nth-child(odd)>td {
	background-color: #E4EEFC;
}

table.list_year.hko_news tr:nth-child(odd)>td {
	background-color: #D6EBD6;
}

table.list_year tr:nth-child(even)>td {
	background-color: #ffffff;
}

.setion_banner {
	margin-bottom: 20px;
	position: relative;
}

.setion_banner img {
	width: 100%;
}

.setion_banner .cont {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

.setion_banner .cont h1 {
	text-align: center;
	margin-bottom: 0;
	font-size: 2em;
}

.setion_banner .cont * {
	color: #ffffff !important;
}

.setion_banner .ams_header {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0;
	color: #ffffff;
	font-size: 1.1em;
	font-weight: bold;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}


h2.mobile_h2 {
	display: none;
}

div.ams_header {
	display: none;
}


/*===========*/

.fish_tab>div {
	width: 25%;
}

.lastestPhoto>div {
	display: inline-block;
	padding: 14px;
	width: 360px;
	max-width: 100%;
}

.tab_select.fish_tab>div>div:nth-child(1) {
	height: 110px;
}

.tab_select.fish_tab>div>div:nth-child(2) {
	top: auto;
}

.icon_list>ul>li {
	position: relative;
	width: 33.33%;
	vertical-align: top;
	margin: 0;
	padding: 10px;
	min-height: 60px;
}

.icon_list>ul>li>div:nth-child(1) {
	position: absolute;
}

.icon_list>ul>li>div:nth-child(2) {
	padding-left: 50px;
}


/*===============*/

.hiking_tab>div {
	width: 33.33%;
}

.tab_select.hiking_tab>div>div:nth-child(1) {
	height: 90px;
}

.tab_select.hiking_tab>div>div:nth-child(2) {
	top: auto;
}

.flip-container {
	position: relative;
	width: 46px;
	height: 17px;
}

.flip-container .front,
.flip-container .back {
	-webkit-backface-visibility: hidden;
	-webkit-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transition: 0.6s;
	backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: absolute;
	top: 0;
	left: 0;
	width: 46px;
	height: 46px;
}

.flip-container .front {
	-webkit-transform: rotateY(0deg);
	z-index: 2;
	transform: rotateY(0deg);
}

.flip-container .back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(-180deg);
	font-size: 12px;
	padding-top: 5px;
}

.flip-container:hover .back {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.flip-container:hover .front {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.leftMenuPage div.mainContent {
	/* max-width: calc(100% - 310px);
								  
     width: 100%;
     display: inline-block;
    */
}

.leftMenuPage div.subMenu {
	/* padding-top: 30px;
    */
	padding-bottom: 30px;
	width: 310px;
	float: left;
}

.leftMenuPage div.subMenu .sub1 ul {
	list-style: none;
	padding: 0;
	margin: 0;
	/* margin-left: 10px;
     */
	border-collapse: collapse;
	background-color: #f4faf8;
	z-index: 5000;
}

.leftMenuPage div.subMenu .sub1 ul li {
	/* border: 1px solid #e6e6e6;
    */
	border-top: 0;
	margin: 0;
	position: relative;
}

.leftMenuPage div.subMenu .sub1 ul.menuLv0>li>a {
	background-color: #1a58ab;
	color: #fff;
	border: 1px solid #e6e6e6;
	/*font-size: 1.4em;*/
	font-size: 1.3em;
	line-height: normal;
	text-decoration: none;
}

.leftMenuPage div.subMenu .sub1 ul.menuLv1>li {
	border: 1px solid #e6e6e6;
}

.leftMenuPage div.subMenu .sub1 ul li a {
	padding: 10px;
	display: block;
	color: #000;
	text-decoration: none;
}

.leftMenuPage div.subMenu .sub1 ul li a:hover {
	text-decoration: underline;
}

.leftMenuPage div.subMenu .sub1 ul li.active {
	/*
	background-color: #0064cb;
	background-image: url(../images/bg_submenu.jpg);
	background-repeat: repeat-y;
	background-position: right;
	*/
	position: relative;
	background: #fff;

	border: 1px solid #2b5bb0 !important;
	border-left-width: 10px !important;
}

.leftMenuPage div.subMenu .sub1 ul li.active a {
	/*color: #fff;*/
	color: #2b5bb0;
	margin-left: 5px;
	font-weight: bold;
	font-size: 1.1em;
}

.leftMenuPage div.select_header {
	display: none;
	text-align: center;
	padding-bottom: 5px;
	border-bottom: 4px solid #50b99b;
}

.leftMenuPage div.select_header select {
	position: relative;
	color: #1f61b0;
	text-decoration: none;
	font-size: 1.2em;
	padding: 10px;
	border: 2px solid #cfcfcf;
	border-radius: 4px;
	padding-right: 40px;
	margin: 0;
	max-width: 100%;
	background-color: #ffffff;
}

.mhm_scene_history_switch {
	position: relative;
	display: inline-block;
	width: 55px;
	height: 26px;
	float: right;
}

.mhm_scene_history_switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.mhm_scene_history_switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 25px;
}

.mhm_scene_history_switch .slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 3px;
	bottom: 3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 25px;
}

.mhm_scene_history_switch.on .slider {
	background-color: #2196F3;
}

.mhm_scene_history_switch.on .slider {
	box-shadow: 0 0 1px #2196F3;
}

.mhm_scene_history_switch.on .slider:before {
	-webkit-transform: translateX(29px);
	-ms-transform: translateX(29px);
	transform: translateX(29px);
}

.mhm_scene_history_switch .slider.round {
	border-radius: 34px;
}

.mhm_scene_history_switch .slider.round:before {
	border-radius: 50%;
}

.mhm_scene_history_switch .slider>span {
	display: none;
	width: 50%;
	text-align: center;

}

body.englishVersion .mhm_scene_history_switch .slider>span {
	font-size: .6em;
}

.mhm_scene_history_switch.off .slider>span {
	color: #666666;
}


/*===========*/

.div_mhm_scene_menu {
	position: relative;
}

.div_mhm_scene_menu .cne_menu {
	position: absolute;
	right: 20px;
	z-index: 8600;
}

.div_mhm_scene_menu .cne_menu>div {
	display: inline-block;
}

.div_mhm_scene_menu .cne_menu a {
	display: block;
	font-size: 2em;
	padding: 0 5px;
	width: 30px;
	text-align: center;
}


/*===========*/

.happybackground {
	background-image: repeating-linear-gradient(transparent, transparent 50px, rgba(235, 235, 235, .25) 50px, rgba(235, 235, 235, .25) 100px), repeating-linear-gradient(90deg, rgba(235, 235, 235, .25), rgba(235, 235, 235, .25) 50px, transparent 50px, transparent 100px), repeating-linear-gradient(135deg, transparent, transparent 4px, rgba(255, 255, 255, .1) 4px, rgba(255, 255, 255, .1) 8px), repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(255, 255, 255, .1) 4px, rgba(255, 255, 255, .1) 8px), repeating-linear-gradient(transparent, transparent 20px, rgba(245, 245, 245, .25) 20px, rgba(245, 245, 245, .25) 21px, transparent 21px, transparent 29px, rgba(245, 245, 245, .25) 29px, rgba(245, 245, 245, .25) 30px, transparent 30px, transparent 50px), repeating-linear-gradient(90deg, transparent, transparent 20px, rgba(245, 245, 245, .25) 20px, rgba(245, 245, 245, .25) 21px, transparent 21px, transparent 29px, rgba(245, 245, 245, .25) 29px, rgba(245, 245, 245, .25) 30px, transparent 30px, transparent 50px);
}

.leftMenuCont {
	max-width: calc(100% - 310px);
	width: 100%;
	display: inline-block;
}

table.list_year {
	width: 100%;
}

table.list_year th {
	color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
	background-color: #073e7f;
	padding: 10px;
}

table.list_year td {
	padding: 10px;
}

table.list_year tr>td:first-child {
	width: 80%;
}

table.list_year tr>td:last-child {
	width: 20%;
	text-align: center;
}

table.list_year tr:nth-child(odd)>td {
	background-color: #E4EEFC;
}

table.list_year tr:nth-child(even)>td {
	background-color: #ffffff;
}

table.tour_form {
	width: 100%;
}

table.tour_form>tbody tr:nth-child(1)>th,
table.tour_form>tbody tr:nth-child(5)>th {
	background-color: #003399;
	color: #ffffff;
}

table.tour_form>tbody tr:nth-child(4)>td,
table.tour_form>tbody tr:nth-child(12)>td>sup {
	font-size: 83%;
	color: #d70000;
}

table.tour_form>tbody tr:nth-child(6)>td:nth-child(2)>input,
table.tour_form>tbody tr:nth-child(7)>td:nth-child(2)>input,
table.tour_form>tbody tr:nth-child(8)>td:nth-child(2)>input,
table.tour_form>tbody tr:nth-child(9)>td:nth-child(2)>input,
table.tour_form>tbody tr:nth-child(10)>td:nth-child(2)>input,
table.tour_form>tbody tr:nth-child(11)>td:nth-child(2)>select {
	border-top: #000066 1px solid;
	border-right: #000066 1px solid;
	border-bottom: #000066 1px solid;
	color: #000066;
	border-left: #000066 1px solid;
}

table.tour_form>tbody tr:nth-child(7)>td:nth-child(1)>label {
	visibility: hidden;
}

table.tour_form>tbody tr:nth-child(7)>td:nth-child(2)>sup,
table.tour_form>tbody tr:nth-child(8)>td:nth-child(2)>sup,
table.tour_form>tbody tr:nth-child(9)>td:nth-child(2)>sup,
table.tour_form>tbody tr:nth-child(10)>td:nth-child(2)>sup,
table.tour_form>tbody tr:nth-child(11)>td:nth-child(2)>sup {
	color: #d70000;
}

table.tour_form>tbody tr:nth-child(11)>td:nth-child(1)>label {
	font-size: 1.2em;
}

table.tour_form>tbody tr:nth-child(11)>td:nth-child(1),
table.tour_form>tbody tr:nth-child(12)>td {
	font-size: 83%;
}

.tour_form_83 {
	font-size: 83%;
}

.responsive_select select {
	width: 370px;
	max-width: 100%;
}

.hkoweb_outer.hkoweb_bg {
	border: 1px solid #0075AB;
	margin-top: 5px;
	margin-bottom: 24px;
	padding: 0px;
}

.hkoweb_title.hkoweb_bg {
	background-color: #0075AB;
	color: #ffffff;
}

.hkoweb_inner.hkoweb_bg_default {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 20px;
	padding: 8px;
}

.hkoweb_outer.hkoweb_bg_other {
	border: 1px solid #858585;
	margin-top: 5px;
	background-color: #EEEEEE;
	padding: 0px;
}

.hkoweb_title.hkoweb_bg_other {
	background-color: #858585;
	color: #ffffff;
}

.hkoweb_inner.hkoweb_bg_lightgrey {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 8px;
}

.hkoweb_bg_press {
	background-color: #F17D0E;
}

.hkoweb_bg_default {
	background-color: #ffffff;
}

div.hkoweb_outer {
	position: relative;
	margin-top: 5px;
	margin-bottom: 24px;
	text-align: left;
	padding: 1px;
	width: 95%;
}

div.hkoweb_title {
	padding: 5px 10px;
}

ul.page_content {
	padding-left: 40px;
	margin: 16px 0px;
}

/*[class^="icon-"]::after,
[class*=" icon-"]::after {
	content: "\2713";
	font-weight: bold;
}*/

fieldset {
	display: block;
	margin-inline-start: 2px;
	margin-inline-end: 2px;
	padding-block-start: 0.35em;
	padding-inline-start: 0.75em;
	padding-inline-end: 0.75em;
	padding-block-end: 0.625em;
	min-inline-size: min-content;
	border-width: 2px;
	border-style: groove;
	border-color: threedface;
	border-image: initial;
}

legend {
	display: block;
	padding-inline-start: 2px;
	padding-inline-end: 2px;
	border-width: initial;
	border-style: none;
	border-color: initial;
	border-image: initial;
}

div>hr {
	display: block;
	unicode-bidi: isolate;
	margin-block-start: 0.5em;
	margin-block-end: 0.5em;
	margin-inline-start: auto;
	margin-inline-end: auto;
	overflow: hidden;
	border-style: inset;
	border-width: 1px;
}

.page_select button#btn_submit {
	margin-left: 5px;
}

@media screen and (max-width: 992px) {
	.page_select button#btn_submit {
		margin-top: 10px;
		margin-left: 0px;
	}

	.page_select button#btn_return {
		float: none;
	}

	.popup_right_text {
		margin-top: 10px;
	}
}

.old_btn a:hover,
.old_btn a.selected {
	width: 65px;
	height: 25px;
	display: block;
	background: url(../tc/hko_virtualtour/vtour/images/btn_popup_old.jpg) no-repeat 0 -25px;
}

.today_btn a:hover,
.today_btn a.selected {
	width: 65px;
	height: 25px;
	display: block;
	background: url(../tc/hko_virtualtour/vtour/images/btn_popup_today.jpg) no-repeat 0 -25px;
}

.englishVersion .old_btn a:hover,
.englishVersion .old_btn a.selected {
	background: url(../en/hko_virtualtour/vtour/images/btn_popup_old.jpg) no-repeat 0 -25px;
}

.englishVersion .today_btn a:hover,
.englishVersion .today_btn a.selected {
	background: url(../en/hko_virtualtour/vtour/images/btn_popup_today.jpg) no-repeat 0 -25px;
}

.old_btn a {
	width: 65px;
	height: 25px;
	display: block;
	background: url(../tc/hko_virtualtour/vtour/images/btn_popup_old.jpg) no-repeat 0 0;
	text-indent: -9999px;
}

.englishVersion .old_btn a {
	background: url(../en/hko_virtualtour/vtour/images/btn_popup_old.jpg) no-repeat 0 0;
}

.today_btn a {
	width: 65px;
	height: 25px;
	display: block;
	background: url(../tc/hko_virtualtour/vtour/images/btn_popup_today.jpg) no-repeat 0 0;
	text-indent: -9999px;
}

.englishVersion .today_btn a {
	background: url(../en/hko_virtualtour/vtour/images/btn_popup_today.jpg) no-repeat 0 0;
}

.old_btn {
	float: left;
	margin-right: 10px;
}

.today_btn {
	float: left;
}

div.hr {
	border-bottom: 1px solid #b2b2b2;
	margin: 20px 0;
}

.popup_item .contentNew {
	display: none;
}

.popup_left {
	float: left;
}

.popup_left img {
	float: left;
	padding: 20px;
	/*width: 230px;
    */
}

.clearFix {
	clear: both;
	display: block;
}

.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	font-size: 0;
	visibility: hidden;
}

.popup_right {
	overflow: hidden;
	padding: 20px 20px 20px 0;
}

.popup_item {
	overflow: hidden;
	margin-bottom: 20px;
}

.popup_btn {
	padding: 20px 0 0 20px;
}

.popup_item .double.left {
	margin: 0 20px 0 0;
	float: left;
}

.popup_item .double table th,
.popup_item .double table td {
	padding: 0 5px 5px 0;
	text-align: left;
	vertical-align: top;
}

.popup_vertical img {
	margin-bottom: 20px;
}

.popup_right_text {
	float: left;
	/*width: 450px;
    */
	max-width: 908px;
	word-break: break-all;
}

.popup_left_img {
	float: left;
	margin-right: 20px;
	/*width: 230px;
    */
}

.popup_left_image {
	float: left;
	max-width: 340px;
	margin-right: 20px;
}

.popup_right_image {
	float: left;
	max-width: 340px;
}

@media screen and (max-width: 550px) {
	.popup_left {
		float: none;
	}

	.popup_left img {
		float: none;
	}

	.popup_right {
		padding: 20px 20px 20px 20px;
	}
}

.popup_item .double.left {
	float: left;
}

.popup_item .double.right {
	float: right;
}

.popup_item .double {
	max-width: 555px;
}

@media screen and (max-width: 992px) {
	table.responsive_table td {
		display: table-row;
	}

	table.responsive_table div {
		margin-bottom: 10px;
	}

	table.responsive_table_publica_li tr td:nth-child(odd) {
		display: inline-block;
		width: 10% !important;
	}

	table.responsive_table_publica_li tr td:nth-child(even) {
		display: inline-block;
		width: 90% !important;
	}
}

.pubreprint_page_list_100 td img {
	max-width: 100px;
}

.row3_table tr.spaceUnder,
.row3_table tr.spaceUnder2 {
	margin-bottom: 10px;
	display: block;
}

@media screen and (max-width: 767px) {
	.pubreprint_page_list_100 td img {
		width: 100%;
		max-width: 100px;
	}

	.row3_table tr td {
		display: block;
		width: 100% !important;
	}

	.row3_table>table,
	.row3_table tr {
		display: block;
	}
}

a.td2_link {
	background: rgb(204, 255, 102);
	border: #06c solid 1px;
	font-size: 12pt;
	text-align: center;
	padding: 2px;
}


/*Raymond update 20190621*/


/*Patrick Hung update 20190304*/

@media screen and (max-width: 570px) {
	.mobile_SingleRow {
		width: 100%;
		float: left;
	}

	.mobile_SingleRow tr {
		display: inline-grid;
	}
}

.font_center,
.font_center th,
.font_center td {
	text-align: center !important;
}

.font_left {
	text-align: left !important;
}

.font_right {
	text-align: right !important;
}

.contetnt_itemList {
	padding-left: 1.6em !important;
}

.one_line_div div:not(:nth-of-type(1)) div:nth-of-type(1) {
	margin-left: 0.5em !important;
}

.one_line_div div {
	vertical-align: bottom !important;
	display: inline-block;
}

@media screen and (max-width: 570px) {
	.one_line_div.two_rows {
		display: grid;
	}

	.one_line_div.two_rows div {
		margin-right: 0 !important;
		margin-top: 0.5em !important;
		display: unset;
	}

	.one_line_div div:not(:nth-of-type(1)) div:nth-of-type(1) {
		margin-left: auto !important;
	}
}

.removeBorder {
	border: 0 !important;
}

.removeBackground {
	background-color: unset !important;
}

.width_20 {
	width: 20% !important;
}

.width_100 {
	width: 100% !important;
}

.informtc_title {
	list-style-type: none;
}

.data_table {
	width: 100% !important;
}

.data_table th {
	background-color: #1a58ab !important;
	color: #fff !important;
	/*border : 0px !important;
    */
}

.data_table th a {
	color: #fff !important;
	text-decoration: underline !important;
	/*border : 0px !important;
    */
}

.data_table td a {
	color: #0000FF !important;
}

.data_table tr {
	border: 0px !important;
}

.data_table th,
.data_table td {
	/* border : 0px !important;
    */
	padding: 10px !important;
	border: solid 1px #000;
}

.data_table tr:nth-child(even),
.data_table tr:nth-child(even)>td,
.mainContent .data_table tr:nth-child(even) table,
.mainContent .data_table tr:nth-child(even) table tr td {
	background-color: #f0f0f0 !important;
}

.data_table tr:nth-child(odd),
.data_table tr:nth-child(odd)>td,
.mainContent .data_table tr:nth-child(odd) table,
.mainContent .data_table tr:nth-child(odd) table tr td {
	background-color: #fff !important;
}

.link_list .data_table th a {
	color: #fff !important;
}


/*.link_div a{
     color: #bb370f;
   



			
						
}
*/

.data_table {
	width: 100% !important;
}

.data_table th {
	background-color: #1a58ab;
	color: #fff;
	/*border : 0px !important;
    */
}


/*.link_div a{
     color: #bb370f;
}
*/


/*Patrick Hung update 20190307*/

.cellspacing5cellpadding5 {
	border-spacing: 5px;
	border-collapse: separate;
}

.cellspacing5cellpadding5 tr {
	padding: 5px;
}

.td_valign_top {
	vertical-align: top !important;
}

.td_valign_bottom {
	position: relative;
	bottom: 0;
}

table.table_border_0,
table.table_border_0>tbody>tr>td,
table.table_border_0>tbody>tr>th,
table.table_border_0>tr>td,
table.table_border_0>tr>th {
	border: 0px #000 solid;
}

table.table_border_1,
table.table_border_1>tbody>tr>td,
table.table_border_1>tbody>tr>th,
table.table_border_1>tr>td,
table.table_border_1>tr>th {
	border: 1px #000 solid !important;
}

table.table_border_2,
table.table_border_2>tbody>tr>td,
table.table_border_2>tbody>tr>th,
table.table_border_2>tr>td,
table.table_border_2>tr>th {
	border: 2px #000 solid;
}

table.table_border_3,
table.table_border_3>tbody>tr>td,
table.table_border_3>tbody>tr>th,
table.table_border_3>tr>td,
table.table_border_3>tr>th {
	border: 3px #000 solid;
}

table.table_border_4,
table.table_border_4>tbody>tr>td,
table.table_border_4>tbody>tr>th,
table.table_border_4>tr>td,
table.table_border_4>tr>th {
	border: 4px #000 solid;
}

table.table_border_5,
table.table_border_5>tbody>tr>td,
table.table_border_5>tbody>tr>th,
table.table_border_5>tr>td,
table.table_border_5>tr>th {
	border: 5px #000 solid;
}

.table_cellspacing_0 {
	border-spacing: 0px;
	border-collapse: separate;
}

.table_cellspacing_1 {
	border-spacing: 1px;
	border-collapse: separate;
}

.table_cellspacing_2 {
	border-spacing: 2px;
	border-collapse: separate;
}

.table_cellspacing_3 {
	border-spacing: 3px;
	border-collapse: separate;
}

.table_cellspacing_4 {
	border-spacing: 4px;
	border-collapse: separate;
}

.table_cellspacing_5 {
	border-spacing: 5px;
	border-collapse: separate;
}

.table_cellpadding_0>tbody>tr>th,
.table_cellpadding_0>tbody>tr>td,
.table_cellpadding_0>tr>th,
.table_cellpadding_0>tr>td {
	padding: 0px;
}

.table_cellpadding_1>tbody>tr>th,
.table_cellpadding_1>tbody>tr>td,
.table_cellpadding_1>tr>th,
.table_cellpadding_1>tr>td {
	padding: 1px;
}

.table_cellpadding_2>tbody>tr>th,
.table_cellpadding_2>tbody>tr>td,
.table_cellpadding_2>tr>th,
.table_cellpadding_2>tr>td {
	padding: 2px;
}

.table_cellpadding_3>tbody>tr>th,
.table_cellpadding_3>tbody>tr>td,
.table_cellpadding_3>tr>th,
.table_cellpadding_3>tr>td {
	padding: 3px;
}

.table_cellpadding_4>tbody>tr>th,
.table_cellpadding_4>tbody>tr>td,
.table_cellpadding_4>tr>th,
.table_cellpadding_4>tr>td {
	padding: 4px;
}

.table_cellpadding_5>tbody>tr>th,
.table_cellpadding_5>tbody>tr>td,
.table_cellpadding_5>tr>th,
.table_cellpadding_5>tr>td {
	padding: 5px !important;
}

.table_cellpadding_10>tbody>tr>th,
.table_cellpadding_10>tbody>tr>td,
.table_cellpadding_10>tr>th,
.table_cellpadding_10>tr>td {
	padding: 10px !important;
}

.self_align_center,
.self_align_center>p,
.self_align_center>td,
.self_align_center>th {
	text-align: center !important;
}

.self_align_left,
p.self_align_left,
.self_align_left>p,
.self_align_left>td,
.self_align_left>th {
	text-align: left !important;
}

.self_align_justify,
table p.self_align_justify {
	text-align: justify;
}

.self_align_center,
.self_align_center>p {
	text-align: center !important;

}

.self_align_center>table {
	margin: 0 auto;
}

p.self_align_right,
.self_align_right {
	text-align: right;
}

.table_align_center {
	margin: 0 auto !important;
}

.table_align_right {
	float: right;
}

.img_align_left {
	float: left;
}

.img_align_right {
	float: right;
}

.img_align_top {
	vertical-align: top;
}

.img_align_middle {
	vertical-align: middle;
}

.img_align_bottom {
	vertical-align: bottom;
}

.img_border_1 {
	border: 1px #000 solid;
}

.img_border_2 {
	border: 2px #000 solid;
}

.text_justify {
	text-align: justify;
}

.div_big {
	font-size: larger;
}

.publica div.subMenu {
	width: 260px;
}

.publica ul.subMenu {
	width: 250px;
}

.publica .select_header>select {
	width: 100%;
}

.publica .leftMenuCont {
	max-width: calc(100% - 260px);
}

.publica table {
	height: auto !important;
	/*padding: 0px;*/
}

.publica table td {
	height: auto !important;
}

.publica table td img {
	height: auto !important;
}

.publica table {
	width: 100% !important;
}

.publica .self_align_center>div>div>p {
	text-align: center !important;
}

.publica .content_attachment_td {
	min-width: 85px;
}

.publica .figure_first_td {
	min-width: 60px;
}

.remove_min_width {
	min-width: auto !important;
}

.myheaderTool>div.clientTool div.datetime>#hkoClockDate {
	padding-left: 0;
}

.mainContent h2.h2_1 {
	color: #fff;
	text-transform: uppercase;
	left: 0;
	z-index: 1;
	padding: 10px;
	background-image: linear-gradient(to right, #157dc1, #3baa84);
	display: block;
	position: relative;
	width: calc(100% - 20px);
	margin-bottom: 20px;
}

.mainContent h2.h2_1:before {
	content: '';
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 44px solid #3baa84;
	right: -20px;
	top: 0;
	position: absolute;
}

.radiation_div_1,
.radiation_div_2 {
	margin-bottom: 20px;
}

.radiation_div_1 .left {
	display: inline-block;
	width: 66%;
	padding-right: 10px;
}

.radiation_div_1 .right {
	display: inline-block;
	width: 33%;
	text-align: right;
	padding-left: 10px;
}

.radiation_div_1 .right>div {
	display: inline-block;
	width: 100%;
	max-width: 333px;
}

.radiation_div_1 .content {
	margin-bottom: 20px;
}

.radiation_div_1 .content .map {
	position: relative;
	margin-bottom: 10px;
}

.radiation_div_1 .map_desc {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 10px;
	padding: 5px;
	background-color: #fafdff;
	border-radius: 7px;
}

.radiation_div_1 .map_desc .map_desc_header {
	margin-bottom: 10px;
}

.radiation_div_1 .map_desc .map_desc_header .header {
	display: inline-block;
	vertical-align: middle;
}

.radiation_div_1 .map_desc .map_desc_header .top {
	position: absolute;
	right: 5px;
	top: 5px;
}

.radiation_div_1 .map_select select {
	font-size: 1.2em;
	margin: 10px 0px;
}

.radiation_div_1 .fake_map_mobile {
	display: none;
}

.radiation_div_2>div>div {
	display: inline-block;
	width: 33%;
	margin-bottom: 20px;
}

.radiation_div_2>div>div:first-child {
	text-align: left;
	padding-right: 10px;
}

.radiation_div_2>div>div:nth-child(2) {
	text-align: center;
	padding: 0;
}

.radiation_div_2>div>div:nth-child(3) {
	text-align: right;
	padding-left: 10px;
}

.radiation_div_2>div>div>div {
	display: inline-block;
	width: 100%;
	max-width: 333px;
}

.radiation_div_2>div>div img {
	width: 100%;
}

.iaea_content>.header {
	background-color: #173e83;
	color: #ffffff;
	padding: 10px 15px;
}

.iaea_content>.content {
	padding: 10px 15px;
}

.iaea_content>.content p {
	line-height: 3em;
}

.area_alert2_content>div.left {
	/*display: inline-block;*/
	display: none;
	width: 180px;
}

.area_alert2_content>div.right {
	display: inline-block;
	/*width: calc(100% - 180px);*/
	width: 100%;
	text-align: justify;
	word-break: break-word;
}


/*=================*/

#td_uptime {
	text-align: right;
	margin-bottom: 20px;
	border-bottom: 1px solid #fcb100;
}

.quake_map {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
}

.quake_map>div {
	display: inline-block;
}

.quake_map>div.quake_l {
	width: 100%;
	padding: 0 20px;
}

.quake_map>div.quake_r {
	min-width: 270px;
}

.quake_map .olMap {
	text-align: center;
	margin-bottom: 20px;
}

.quake_map #table_legend {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
}

.quake_map #table_legend>div {
	display: inline-block;
	width: 33.333%;
	padding: 20px 12px;
	text-align: center;
	border-bottom: 1px solid #ddd;
}

.quake_map #icon_Latest {
	display: inline-block;
}

.quake_map #table_controls {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
}

.quake_map #table_controls>div {
	display: inline-block;
	width: 33.333%;
	padding: 20px 12px;
}

.quake_map .td_opTitle {
	font-weight: bold;
	text-align: center;
	padding: 12px;
}

.quake_map .my_input {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	padding: 0 10%;
}

.quake_map .my_input>div {
	display: inline-block;
	text-align: center;
	min-width: 25%;
	padding: 0 8px;
}

.quake_map .my_input>div:last-child {
	width: 100%;
}

.quake_map .quake_r .header,
.quake_map .quake_r #div_list .mag>a,
.quake_map .quake_r #div_list .total {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
}

.quake_map .quake_r .header>div,
.quake_map .quake_r #div_list .mag>a>span,
.quake_map .quake_r #div_list .total>span {
	display: inline-block;
	padding: 12px 8px;
	vertical-align: middle;
}

.quake_map .quake_r #div_list .mag>a {
	/* display:block;
    */
}

.quake_map .quake_r .header>div:nth-child(1),
.quake_map .quake_r #div_list .mag>a>span:nth-child(1),
.quake_map .quake_r #div_list .total>span:nth-child(1) {
	text-align: center;
	width: 25%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	flex-direction: column;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.quake_map .quake_r .header>div:nth-child(2),
.quake_map .quake_r #div_list .mag>a>span:nth-child(2),
.quake_map .quake_r #div_list .total>span:nth-child(2) {
	width: 75%;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.quake_map>.quake_r>div>.quake_map_event {
	padding: 0;
	max-height: 665px;
	min-height: 0;
	position: relative;
	overflow: hidden;
}

.quake_map #div_list {
	border: 1px solid #000;
}

.quake_map #div_list .mag {
	border-top: 2px solid #fff;
	border-bottom: 1px solid #C0C0C0;
}

.quake_map #div_list .mag.mag_1 {
	background-color: #FFEB00;
}

.quake_map #div_list .mag.mag_2 {
	background-color: #33FF00;
}

.quake_map #div_list .mag.mag_3 {
	background-color: #1453FF;
}

.quake_map #div_list .mag.mag_3 a {
	color: #fff;
}

.quake_map #div_list .mag.mag_4 {
	background-color: #D71818;
}

.quake_map #div_list .mag.mag_4 a {
	color: #fff;
}


/*===========*/

.div_wwi_search {
	display: block;
	width: 100%;
	padding: 15px 10px;
	position: relative;
}

.div_wwi_search input {
	width: 100%;
	border: solid 1px #CF8402;
	outline: #CF8402 auto 7px;
	outline-offset: -2px;
	/* height: 26px;
    */
	padding: 4px 12px;
}

.div_wwi_search .searchBtn {
	position: absolute;
	right: 20px;
	top: 51%;
	transform: translateY(-50%);
	width: 20px;
}

.div_wwi_tab .etabs {
	/*background-color: #f4f5fa;*/
	width: 100%;
	padding: 10px 36px 0 36px;
	margin: 0 0 20px 0;
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;



}

.div_wwi_tab .etabs>li {
	display: inline-block;
	margin: 0 2px;
	text-align: center;
	position: relative;
	z-index: 2200;
}

.div_wwi_tab .etabs>li a {
	display: block;
	height: 100%;
	font-size: 1.2em;
	/*background-color: #cbe4e1;*/

	padding: 12px 40px;
	/*	border-top: 3px solid #cbe4e1;
	border-bottom: 1px solid #d5d6d8;
	border-left: 1px solid #cbe4e1;
	border-right: 1px solid #cbe4e1;*/
}

.div_wwi_tab .etabs>li.active a {
	background-color: #fff;
	border-top: 3px solid #50b99b;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #d5d6d8;
	border-right: 1px solid #d5d6d8;
	color: #073e7f;
}

.div_wwi_tab .etabs:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background-color: #d5d6d8;
}

.div_wwi_bc .name_bar {
	display: block;
	padding: 8px 36px;
	background-color: #1a58ab;
	color: #fff;
}

.div_wwi_bc .name_bar a {
	color: #fff;
}

.div_wwi_map {
	border: 1px solid #0070B8;
	padding: 10px;
	margin-bottom: 10px;
}

.map_n_info {
	padding: 10px 0;
	margin-bottom: 10px;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
}

.map_n_info #left_col {
	padding: 0 20px;
}

.map_n_info #left_col img {
	width: 100%;
}

.map_n_info #right_col {
	border: 1px solid #3096E5;
	background-color: #EEE;
	padding: 10px;
}

.nmhs_box {
	margin: 10px 0;
}

.icon_earth {
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: middle;
	margin-top: -5px;
	margin-right: 2px;
	background: url(../images/icon_earth.png) no-repeat top left;
}

.div_wwi_map .map_nav {
	text-align: center;
	margin: 10px 0;
}

.div_wwi_map .map_nav img {
	width: 100%;
}

.wwi_legend {
	/* float:left;
    */
	margin-bottom: 10px;
}

.wwi_legend>span {
	display: inline-block;
}

.wwi_legend .legend_forecast {
	vertical-align: middle;
	width: 26px;
	height: 26px;
	background: url(../images/icon_forecast.png) no-repeat 0px 0px;
}

.wwi_legend .legend_name,
.wwi_legend .legend_name_climate {
	margin: 3px 10px 0px 3px;
	padding-top: 3px;
	color: #B41262;
	font-weight: bold;
}

.wwi_legend .legend_climate {
	vertical-align: middle;
	width: 26px;
	height: 26px;
	background: url(../images/icon_climatological.png) no-repeat 0px 0px;
}

.wwi_legend .legend_name_climate {
	color: #105930;
}

.top_remark {
	display: block;
	margin-bottom: 10px;
}

.wxicon_desc {}

.wxicon_desc a {}

.tbl_wxicons {
	width: 700px;
	max-width: 100%;
	margin: auto;
}

.tbl_wxicons th,
.tbl_wxicons td {
	min-width: 25%;
	border-collapse: collapse;
	text-align: center;
	padding: 8px 12px;
}

.tbl_wxicons td {
	border: 1px solid #000;
}

#place_lists {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#place_lists li {
	display: inline-block;
	width: 25%;
	margin: 0 0 3px 0;
	padding: 0 3px;
}

#place_lists li a {
	display: block;
	padding: 8px 20px;
	text-decoration: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: relative;
}

#place_lists.a li a {
	border: 1px solid #244fa1;
	border-bottom-width: 3px;
	color: #FFFFFF;
	background-color: #376ccc;
}

#place_lists.a li a:hover,
#place_lists.a li a:focus {
	color: #376ccc;
	background-color: #fff;
}

#place_lists.b li a {
	border: 1px solid #6d0b3b;
	border-bottom-width: 3px;
	color: #b51263;
	background-color: #FFFFFF;
}

#place_lists.b li a:hover,
#place_lists.b li a:focus {
	color: #fff;
	background-color: #b51263;
}

#place_lists a:after {
	top: 50%;
	right: 10px;
	width: 26px;
	height: 26px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#place_lists a:hover:after,
#place_lists a:focus:after {
	background-position: -26px 0;
}

#place_lists .climate_icon a:after {
	content: "";
	position: absolute;
	background-image: url(../images/climatological.png);
}

#place_lists .forecast_icon a:after {
	content: "";
	position: absolute;
	background-image: url(../images/forecast.png);
}

.map_n_info {
	margin-bottom: 10px;
}

.map_n_info .olMap {
	text-align: center;
}

.map_n_info #left_col {
	display: inline-block;
	width: 66.66%
}

.map_n_info #right_col {
	display: inline-block;
	width: 33.33%;
}

.myForecastList,
.myFavList {
	margin: 8px 0 0 0;
	border: 0;
	background-color: transparent;
}

.myForecastList>div,
.myFavList>div {
	padding-bottom: 20px;
}

.myForecastList ul.slides,
.myFavList ul.slides {
	margin: 0;
	padding: 0;
	display: flex;
}

.myForecastList .slides>li,
.myFavList .slides>li {
	padding-left: 2px;
	padding-right: 2px;
	min-width: 120px;
	min-height: 130px;
	line-height: normal;
	background-color: #1b5397;
	box-shadow: 4px 10px 20px rgba(0, 0, 0, 0.09), 4px 6px 6px rgba(0, 0, 0, 0.13);
}

.myForecastList .adw_day>div:nth-child(1),
.myFavList .adw_day>div:nth-child(1) {
	color: #fff;
	text-align: center;
	padding-top: 12px;
	white-space: nowrap;
}

.myForecastList .adw_day>div:nth-child(2),
.myFavList .adw_day>div:nth-child(2) {
	text-align: center;
	padding: 12px 20px;
}

.myForecastList .adw_day>div:nth-child(2)>span,
.myFavList .adw_day>div:nth-child(2)>span {
	margin: auto;
	display: inline-block;
	border-radius: 100px;
}

.myForecastList .adw_day>div:nth-child(2) img,
.myFavList .adw_day>div:nth-child(2) img {
	width: auto;
}

.myForecastList .adw_detail,
.myFavList .adw_detail {
	font-size: 1em;
	font-weight: bold;
}

.myForecastList .adw_detail,
.myFavList .adw_detail {
	color: #fff;
	padding: 8px 0;
}

.myForecastList .adw_detail>div:nth-child(1),
.myFavList .adw_detail>div:nth-child(1) {
	font-size: 1em;
}

.myForecastList .adw_detail>div,
.myFavList .adw_detail>div {
	text-align: center;
}

.myForecastList .slides>li:last-child,
.myFavList .slides>li:last-child {
	background-color: #fff;
	color: #1b5397;
	border: 2px solid #1b5397;
	position: relative;
}

.myForecastList .slides>li:last-child .adw_more a,
.myFavList .slides>li:last-child .adw_more a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.myForecastList .slides>li:last-child a,
.myFavList .slides>li:last-child a {
	color: #1b5397;
	text-decoration: none;
}

.myForecastList .slides>li:last-child .adw_more a span,
.myFavList .slides>li:last-child .adw_more a span {
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 1em;
	white-space: nowrap;
	font-weight: bold;
	transform: translate(-50%, -50%);
}

.myForecastList .flex-direction-nav a:before,
.myFavList .flex-direction-nav a:before {
	color: rgba(255, 255, 255, 1);
	font-size: 20px;
	padding: 13px 18.5px;
}

.myForecastList .flex-direction-nav a.flex-prev,
.myForecastList:hover .flex-direction-nav a.flex-prev,
.myFavList .flex-direction-nav a.flex-prev,
.myFavList:hover .flex-direction-nav a.flex-prev {
	left: -30px;
}

.myForecastList .flex-direction-nav a.flex-next,
.myForecastList:hover .flex-direction-nav a.flex-next,
.myFavList .flex-direction-nav a.flex-next,
.myFavList:hover .flex-direction-nav a.flex-next {
	right: -30px;
}

.myForecastList .flex-direction-nav a,
.myFavList .flex-direction-nav a {
	opacity: 1;
	/* background-color: #7f7f7f;
    */
	text-align: center;
	font-size: 0;
	width: auto;
	height: auto;
}

.my_fav_list .heading_right {
	position: absolute;
	top: 0;
	right: 0;
}

.my_fav_list .favGroup {
	position: relative;
	padding: 20px 0;
}

.my_fav_list .favCityName {
	border-bottom: 1px dashed #7C7C7C;
}

.my_fav_list #wwi_add_new_fav button {
	cursor: pointer;
	border: none;
	margin: 0;
	background: url(../images/ico_add.png) no-repeat 0px 0px;
	width: 30px;
	height: 30px;
	float: right;
	margin-top: 5px;
	margin-right: 8px;
	background-color: #1a58ab;
	border-radius: 4px;
	background-position: center;
}


.my_fav_list .setting_box select {
	width: 100%;
	/*
    display: none;*/
	margin-bottom: 10px;
}

.my_fav_list .setting_box>div {
	margin-bottom: 10px;
}

.my_fav_list .setting_box .button {
	background: #FAFAFA;
	background: -webkit-linear-gradient(top, #FFF, #EEE);
	background: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background: -o-linear-gradient(top, #ffffff, #eeeeee);
	background: linear-gradient(to bottom, #FFF, #EEE);
	border: 1px solid #BBB;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2);
	color: #555;
	cursor: pointer;
	display: inline-block;
	font-family: "Helvetica Neue", Arial, Verdana, "Nimbus Sans L", sans-serif;
	font-size: 14px;
	font-weight: 500;
	height: 31px;
	line-height: 28px;
	outline: none;
	padding: 0 13px;
	text-shadow: 0 1px 0 #FFF;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 4px;
}

.my_fav_list .button-blue {
	background: #1385E5;
	background: -webkit-linear-gradient(top, #53B2FC, #1385E5);
	background: -moz-linear-gradient(top, #53b2fc, #1385e5);
	background: -o-linear-gradient(top, #53b2fc, #1385e5);
	background: linear-gradient(to bottom, #53B2FC, #1385E5);
	border-color: #075FA9;
	color: #FFF;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}

.my_fav_list .chosen-choices {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 2px 5px;
	width: 98%;
	height: auto !important;
	height: 1%;
	border: 1px solid #AAA;
	background-color: #FFF;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #EEE), color-stop(15%, #FFF));
	background-image: -webkit-linear-gradient(#EEE 1%, #FFF 15%);
	background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
	background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
	background-image: linear-gradient(#EEE 1%, #FFF 15%);
	cursor: text;
}

.my_fav_list .chosen-container-active.chosen-with-drop .chosen-single {
	border: 1px solid #aaa;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #eee), color-stop(80%, #fff));
	background-image: -webkit-linear-gradient(#eee 20%, #fff 80%);
	background-image: -moz-linear-gradient(#eee 20%, #fff 80%);
	background-image: -o-linear-gradient(#eee 20%, #fff 80%);
	background-image: linear-gradient(#eee 20%, #fff 80%);
	box-shadow: 0 1px 0 #fff inset;
}

.my_fav_list .chosen-container-active.chosen-with-drop .chosen-single {
	border: 1px solid #aaa;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #eee), color-stop(80%, #fff));
	background-image: -webkit-linear-gradient(#eee 20%, #fff 80%);
	background-image: -moz-linear-gradient(#eee 20%, #fff 80%);
	background-image: -o-linear-gradient(#eee 20%, #fff 80%);
	background-image: linear-gradient(#eee 20%, #fff 80%);
	box-shadow: 0 1px 0 #fff inset;
}

.my_fav_list .chosen-container-single .chosen-single span {
	display: block;
	overflow: hidden;
	margin-right: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.my_fav_list .chosen-choices li.search-choice {
	display: inline-block;
	position: relative;
	margin: 3px 5px 3px 0;
	padding: 8px 20px 8px 20px;
	border: 1px solid #AAA;
	max-width: 100%;
	border-radius: 3px;
	background-color: #EEE;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #F4F4F4), color-stop(50%, #F0F0F0), color-stop(52%, #E8E8E8), color-stop(100%, #EEE));
	background-image: -webkit-linear-gradient(#F4F4F4 20%, #F0F0F0 50%, #E8E8E8 52%, #EEE 100%);
	background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
	background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
	background-image: linear-gradient(#F4F4F4 20%, #F0F0F0 50%, #E8E8E8 52%, #EEE 100%);
	background-size: 100% 19px;
	background-repeat: repeat-x;
	background-clip: padding-box;
	box-shadow: 0 0 2px #FFF inset, 0 1px 0 rgba(0, 0, 0, 0.05);
	color: #333;
	line-height: 13px;
	cursor: move;
}

.my_fav_list .chosen-choices li.search-choice span {
	word-wrap: break-word;
}

.my_fav_list .chosen-choices li.search-choice .search-choice-close {
	position: absolute;
	top: 50%;
	right: 5px;
	display: block;
	margin-top: -5px;
	width: 12px;
	height: 12px;
	background: url(../images/chosen-sprite.png) -42px 1px no-repeat;
	font-size: 1px;
	cursor: pointer;
}


.my_fav_list .remove {
	position: absolute;
	top: 50px;
	right: 10px;
	z-index: 10;
}

.my_fav_list .remove a {
	display: block;
	width: 17px;
	height: 17px;
	background: url(../images/close.png) no-repeat top left;
	color: #606060;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

#climate_container {
	text-align: center;
}

#tableview #climate_list {
	width: 100%;
	margin: auto;
	margin-bottom: 10px;
}

#tableview #climate_list tr:nth-child(1) {
	background-color: #EEEEEE;
}

#tableview #climate_list tr:nth-child(2),
#tableview #climate_list tr:nth-child(3) {
	background-color: #EEFFFF;
}

#tableview #climate_list tr:nth-child(4),
#tableview #climate_list tr:nth-child(5) {
	background-color: #CCFF99;
}

#tableview #climate_list th,
#tableview #climate_list td {
	padding: 12px;
	border: 1px solid grey;
	border-collapse: collapse;
	font-weight: bold;
	color: #000088;
}

#tableview #climate_list td {
	text-align: right;
}

#tableview #climate_list th:nth-child(1),
#tableview #climate_list td:nth-child(1) {
	text-align: left;
	color: #000000;
}

#tableview #climate_list td:nth-child(2) {
	text-align: center;
	font-weight: normal;
}

#tableview #climate_list tr:nth-child(1) th,
#tableview #climate_list tr:nth-child(1) td {
	text-align: center;
	color: #000000;
	font-weight: bold;
}


/*================*/

.reg-grid {
	width: 100%;
	height: 60px;
	display: table;
	text-align: center;
	background: #FFE049;
	background: -webkit-linear-gradient(left top, #FFE049, #FFFFFF);
	background: -o-linear-gradient(bottom right, #FFE049, #FFFFFF);
	background: -moz-linear-gradient(bottom right, #FFE049, #FFFFFF);
	background: linear-gradient(to bottom right, #FFE049, #FFFFFF);
	margin: 10px 0;
}

.reg-grid a:link,
.reg-grid a:visited,
.reg-grid a:hover,
.reg-grid a:active {
	text-decoration: none;
	color: #670e51;
}

.reg-title {
	display: block;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	letter-spacing: 3px;
	padding: 10px;
}

.reg-div {
	display: table-cell;
	padding: 0px 10px;
	vertical-align: middle;
	font-weight: bold;
}


.cwosmap-links {
	/* float: right; */
	width: 100%;
	text-align: right;
}

.cwosmap-links>div {
	display: inline-block;
}

.detail_map img {
	width: 100%;
}

.outdoor .area_immediate.aid_1>div {
	width: 99%;
}

.outdoor .area_immediate.aid_2>div {
	width: 49%;
}

.outdoor .area_immediate.aid_2 .title {
	line-height: normal;
}

.edu-grid img {
	width: 100%;
}

.outdoor #flexslider_fba .slides {
	margin: 0;
}

.outdoor #flexslider_fba .slides>li {
	transform: translateY(0);
	max-width: none;
}

.outdoor .div_thr_two {
	padding-right: 20px;
}

.outdoor .div_thr_two>div,
.outdoor .div_thr_one>div {
	margin-bottom: 20px;
}

.outdoor .area_current {
	position: relative;
	background-color: transparent;
	box-shadow: none;
	right: auto;
	top: auto;
	overflow: visible;
}

.outdoor .updateTime {
	text-align: right;
	display: block;
	float: none;
	margin: 0;
}

.outdoor .area_current .detail {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
}

.outdoor .area_current .detail,
.outdoor .area_current .detail a {
	color: #000;
	text-decoration: none;
}

.outdoor .area_current .detail>div:nth-child(2) {
	padding: 10px 5px 0 20px;
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
}

.outdoor .area_current .detail>div:nth-child(2)>div>div:nth-child(1),
.outdoor .area_current .detail>div:nth-child(2)>div>div:nth-child(2) {
	font-size: 2em;
	font-weight: bold;
	line-height: 1em;
	text-align: left;
	position: relative;
	display: inline-block;
	margin: 0 10px;
}

.outdoor .area_current .detail>div:nth-child(3) {
	max-width: 80px;
	margin-top: -20px;
	position: relative;
	top: auto;
	right: auto;
	width: auto;
	text-align: center;
	z-index: 3103;
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}

.outdoor .tab_select {
	margin: 0;
	white-space: nowrap;
}

.outdoor .tab_select>div>div:nth-child(1) a {
	padding: 10px;
}

.outdoor .tab_select>div.active>div:nth-child(2) {
	padding: 0;
	text-align: center;
}

.outdoor .tab_select>div.active>div>div {
	text-align: center;
}

.outdoor .tab_select>div>div:nth-child(2) {
	top: 55px;
	height: 250px;
}

.linkicon-grid .icon-row {
	text-align: center;
	background-color: #738DCC;
}

.linkicon-grid .icon-grid {
	margin: 10px 20px;
	display: inline-block;
}

.cwos-grid {
	background-color: #738DCC;
	padding: 10px;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
}

.cwos-grid>div {
	display: inline-block;
	width: 45px;
	text-align: center;
	margin: auto;
}

#wx-pager,
#yt-pager {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	width: 100%;
	text-align: center;
	background-color: #135DA9;
	color: #FFFFFF;
	border-collapse: collapse;
	border-style: hidden;
}

.wx-tabs {
	display: inline-block;
	border: 1px solid #FFFFFF;
	width: 50%;
}

.wx-tabs a {
	display: block;
	text-align: center;
	padding: 5px;
	color: #FFFFFF !important;
}

.wx-tabs.cycle-pager-active {
	background-color: #13a88a;
}

.yt-grid iframe {
	width: 100%;
}

.pg-item .pg-box3 {
	background-color: #000;
	text-align: center;
}

.detail-info {
	width: auto;
	padding: 5px;
	overflow: hidden;
	background-color: #FFFFFF;
}

.detail-location {
	width: 100%;
	height: 30px;
	display: inline-block;
	text-align: left;
	overflow: hidden;
}

.location_icon {
	width: 20px;
	height: 22px;
	background: url(../images/iconset.png) no-repeat;
	background-position: -62px -9px;
	display: inline-block;
	margin: 5px;
	vertical-align: middle;
	margin-bottom: 7px;
}

.detail-uploader {
	width: 100%;
	height: 30px;
	display: inline-block;
	text-align: left;
	overflow: hidden;
}

.author_icon {
	width: 20px;
	height: 22px;
	background: url(../images/iconset.png) no-repeat;
	background-position: -102px -9px;
	display: inline-block;
	margin: 5px;
	vertical-align: middle;
	margin-bottom: 7px;
}

.outdoor .cwosmap-links>div {
	position: relative;
}

.outdoor .cwosmap-links>div:not(:last-child):after {
	content: '';
	position: absolute;
	width: 1px;
	top: 20%;
	bottom: 20%;
	right: 0;
	background-color: #000;
}

.outdoor .cwosmap-links>div a {
	padding: 8px 8px;
}

.data_table_nobgchg {
	width: 100% !important;
}

.data_table_nobgchg th {
	background-color: #1a58ab !important;
	color: #fff !important;
	/*border : 0px !important;
    */
}

.data_table_nobgchg th a {
	color: #fff !important;
	text-decoration: underline !important;
	/*border : 0px !important;
    */
}

.data_table_nobgchg td a {
	color: #0000FF !important;
}

.data_table_nobgchg tr {
	border: 0px !important;
}

.data_table_nobgchg th,
.data_table_nobgchg td {
	/* border : 0px !important;
    */
	padding: 10px !important;
}

.link_list .data_table_nobgchg th a {
	color: #fff !important;
}


/*.link_div a{
     color: #bb370f;
}
*/

.data_table_nobgchg {
	width: 100% !important;
}

.data_table_nobgchg th {
	background-color: #1a58ab;
	color: #fff;
	/*border : 0px !important;
    */
}

/*=============*/

.soaring .div_thr_two {
	padding-right: 20px;
}

.soaring .div_thr_two>div,
.soaring .div_thr_one>div {
	margin-bottom: 20px;
}

.soaring .cwosmap-links,
.soaring .hyperlink_btn {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
}

.soaring .cwosmap-links>div,
.soaring .hyperlink_btn>div {
	display: inline-block;
	position: relative;
}

.soaring .cwosmap-links>div:not(:last-child):after,
.soaring .hyperlink_btn>div:not(:last-child):after {
	content: '';
	position: absolute;
	width: 1px;
	top: 20%;
	bottom: 20%;
	right: 0;
	background-color: #000;
}

.soaring .cwosmap-links>div a,
.soaring .hyperlink_btn>div a {
	padding: 8px 8px;
}

.soaring #location_name,
.soaring .chart-title {
	text-align: center;
	margin: 10px 0;
}

.soaring .nine_day_list ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	padding: 5px;
}

.soaring .nine_day_list ul.nine_day_wind>li>div {
	height: 100%;
}

.soaring .nine_day_list ul.nine_day_wind .adw_day>div:nth-child(1) {
	white-space: normal;
	text-align: left;
	padding: 6px;
}

.soaring .area_weather_forecast>div:nth-child(2) {
	top: 42px;
}

.soaring .area_weather_forecast.awf_1>div:nth-child(2)>div:nth-child(1) {
	display: block;
	width: 100%;
}

.soaring .area_current {
	width: 100%;
	max-width: none;
	position: relative;
	overflow: visible;
	top: auto;
	right: auto;
	font-weight: bold;
	background-color: transparent;
	box-shadow: none;
}

.soaring .area_current .header {
	font-size: 1em;
}

.soaring .area_current .header,
.soaring .area_current .header a,
.soaring .area_current .detail,
.soaring .area_current .detail a {
	color: #000;
}

.soaring .area_current .header>div:nth-child(1) {
	display: block;
	font-size: 1em;
}

.soaring .area_current .header {
	padding: 0;
}

.soaring .area_current .header:after {
	display: none;
}

.soaring .area_current .header>div:nth-child(2) {
	right: 0;
	top: 0;
	position: absolute;
}

.soaring .area_current .detail>div:nth-child(1) {
	float: left;
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	width: 40%;
	padding: 20px 0;
}

.soaring .area_current .detail>div:nth-child(2) {
	font-size: 1.2em;
	padding: 5px 10px;
	position: relative;
	z-index: 3104;
	width: 60%;
	float: right;
}

.soaring .area_current .detail>div:nth-child(3) {
	font-size: 3em;
	line-height: 1.1em;
	padding: 5px;
	position: relative;
	top: auto;
	right: auto;
	width: auto;
	text-align: left;
	float: left;
}

.soaring .area_current .detail>div:nth-child(2)>div:nth-child(1) {
	margin-bottom: 10px;
}

.soaring .area_current .detail>div:nth-child(2)>div:nth-child(2),
.soaring .area_current .detail>div:nth-child(2)>div:nth-child(3) {
	display: inline-block;
}

.soaring .area_current .detail>div:nth-child(2)>div:nth-child(2)>div {
	margin-right: 10px;
	display: inline-block;
	font-size: 1em;
	margin-top: 0;
}

.soaring .area_current .detail>div:nth-child(2)>div>div:nth-child(1) {
	font-size: 1em;
}

.soaring .area_current .detail>div:nth-child(2)>div>div:nth-child(2) {
	font-size: 1em;
}

.soaring .area_current .footer>div {
	color: #000;
}

.soaring .tab_select {
	margin: 0;
}

.soaring .tab_select>div>div:nth-child(1) a {
	padding: 10px;
}

.soaring .tab_select>div.active>div:nth-child(2) {
	padding: 0;
	text-align: center;
}

.soaring .tab_select>div.active>div>div {
	text-align: center;
}

.soaring .tab_select>div>div:nth-child(2) {
	top: 55px;
	height: 250px;
}

.soaring #cam_location_name {
	text-align: center;
}

.soaring .area_immediate>div {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

.soaring .area_immediate.aid_2 .title {
	line-height: normal;
}

.soaring #educational_resources_link {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
}

.soaring #educational_resources_link>div {
	display: inline-block;
	width: 20%;
	text-align: center;
}

.soaring #educational_resources_link>div a {
	padding: 20px;
}

.soaring #educational_resources_link>div img {
	display: block;
	height: 48px;
	width: auto;
	max-width: 100%;
	margin: auto;
}

.soaring #educational_resources_link>div .cat-grid-text {
	padding: 10px;
	display: block;
}

.soaring #educational_resources_link>div:nth-child(1) {
	background-color: #4f4f4f;
}

.soaring #educational_resources_link>div:nth-child(2) {
	background-color: #007DB3;
}

.soaring #educational_resources_link>div:nth-child(3) {
	background-color: #597B7C;
}

.soaring #educational_resources_link>div:nth-child(4) {
	background-color: #B45959;
}

.soaring #educational_resources_link>div:nth-child(5) {
	background-color: #1f4158;
}

.soaring #educational_resources_link>div a {
	text-decoration: none;
	color: #fff;
	"

}

.soaring .awf_select {
	min-height: 350px;
}

.soaring #thermal_index>table,
.soaring #soaring_index>table {
	background: #fccf1b;
	border-collapse: collapse;
	border: 2px solid #000;
	width: 100%;
	margin-bottom: 2px;
}

.soaring #thermal_index table th,
.soaring #thermal_index table td,
.soaring #soaring_index table th,
.soaring #soaring_index table td {
	border-collapse: collapse;
	padding: 8px;
}

.remove_min_width {
	min-width: auto !important;
}

.img-center {
	display: block !important;
	margin: 0 auto !important;
}

.text-center {
	text-align: center !important
}

.caption-table {
	margin-bottom: 1em !important;
}

@media screen and (max-width: 992px) {
	.caption-table tr td {
		width: 100% !important;
		display: block;
	}
}

.float_none {
	float: none;
}

.nl_caption {
	display: block;
}


/*add*/

.myrow {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}

.info-wrap {
	/*padding-left:15px;
     padding-right:15px;
    */
	position: relative;
	width: 100%;

}

.myrow .info-wrap:nth-child(odd) {
	background-color: #ecf2ff;




}

.detail_select button {
	vertical-align: top;

}


.info-wrap img {
	display: block;
	margin: 0 auto;
	padding-bottom: 10px;
}

.info-wrap p {
	text-align: center;
}

.info-wrap .name {
	margin-bottom: 5px;
}

.info-wrap-2 {
	position: relative;
	width: 100%;
}

.myrow .info-wrap-2:nth-child(4n+0) {
	background-color: #ecf2ff;
}

.myrow .info-wrap-2:nth-child(4n+1) {
	background-color: #ecf2ff;
}

.info-wrap-2 img {
	padding-bottom: 10px;
}

.info-wrap-2 .year {
	margin-bottom: 5px;
}

@media screen and (min-width: 993px) {
	.info-wrap-2 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media screen and (min-width: 993px) {
	.info-wrap-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
}

.pt-20 {
	padding-top: 20px;
}

.pb-10 {
	padding-bottom: 10px;
}

.pl-15 {
	padding-left: 15px;
}

.pr-20 {
	padding-right: 20px !important;
}

.width-150x {
	width: 150px;
}

.flex-80 {
	flex: 0 0 80%;
}

@media screen and (max-width: 992px) {
	.flex-60-lg-down {
		flex: 0 0 60%;
	}
}

@media screen and (min-width: 993px) {
	.info-wrap {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}

@media screen and (max-width: 992px) {
	.td-mobile-100 {
		display: block !important;
		width: 100% !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}

@media screen and (max-width: 992px) {
	.d-none-mobile {
		display: none !important;
	}
}

@media screen and (max-width: 992px) {
	.tr-mobile-100 {
		display: block !important;
	}
}

@media screen and (max-width: 575px) {
	.img-100-sm-down {
		width: 100% !important;
		padding-left: 0px;
		padding-right: 0px;
	}

	.next_line-mobile {
		display: block;
		width: 100% !important;
	}
}

@media screen and (max-width: 992px) {
	.img-100-lg-down {
		width: 100% !important;
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media screen and (max-width: 992px) {
	.text-center-mobile {
		text-align: center !important;
	}

	.center-mobile {
		text-align: center !important;
	}
}

@media screen and (max-width: 992px) {
	.center-mobile {
		margin: 0 auto;
	}
}

.a-wrapper {
	display: inline-block;
}

@media screen and (min-width: 993px) {
	.a-wrapper {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
	}
}

.link-style {
	color: rgb(73, 53, 236) !important;
	text-decoration: underline !important;
}

.border_0 {
	border: 0px solid;
}

.mb-0 {
	margin-bottom: 0px;
}

.align-items-center {
	align-items: center;
}

.w-30 {
	width: 30%;
}

@media screen and (min-width: 993px) {
	.flex-50x-lg {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media screen and (min-width: 993px) {
	.pr-15-lg {
		padding-right: 15px;
	}
}

@media screen and (min-width: 993px) {
	.pl-15-lg {
		padding-left: 15px;
	}
}

.pr-15 {
	padding-right: 15px;
}

.align-self-flex-end {
	align-self: flex-end;
}

.bbox {
	padding: 10px;
	width: 100%;
}

.bbox-wrap {
	border: 1px solid #CCCCCC;
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 5px;
}

.pl-1 {
	padding-left: 1em !important;
}

.pl-2 {
	padding-left: 2em !important;
}

.ml-minus-15 {
	margin-left: -15px;
}

.mr-minus-15 {
	margin-right: -15px;
}

.ml-minus-10 {
	margin-left: -10px;
}

.mr-minus-10 {
	margin-right: -10px;
}

.w-25 {
	width: 25%;
}

.w-30 {
	width: 30%;
}

.w-35 {
	width: 35%;
}

.w-40 {
	width: 40%;
}

.w-45 {
	width: 45%;
}

.w-50 {
	width: 50%;
}

.w-55 {
	width: 55%;
}

.w-60 {
	width: 60%;
}

.news_icon_list {
	display: flex;
}

.news_icon_list>div {
	margin-right: 2em;
}

.title_center tr>th {
	text-align: center;
}


/*.cycloneTable{
     width:100% !important;
}
 .cycloneTable th{
     background-color: #1a58ab !important;
     color: #fff !important;

	  
}
 .cycloneTable th a{
     color: #fff !important;
     text-decoration: underline !important;

	  
 
						  
							   
}
 .cycloneTable tr{
     border : 0px !important;
}
 .cycloneTable th, .cycloneTable td{
							   
	  
							  
  

     padding: 10px !important;
     text-indent: 0px !important;
 
			  
					
}
 .cycloneTable{
					 
     width:100% !important;
}
 .cycloneTable th{
     background-color: #1a58ab;
     color: #fff;
}*/

@media screen and (max-width: 575px) {
	.news_icon_list {
		display: inline-block;
	}

	.news_icon_list>div {
		float: left;
		width: 40%;
		margin-top: 0.5em;
	}

	/*  .cycloneTable tr td{
         display:block;
         width:100% !important;
    }*/
}

@media screen and (max-width: 767px) {
	.width-100-md-down {
		width: 100%;
	}
}

@media screen and (max-width: 992px) {
	.width-100-lg-down {
		width: 100%;
	}

	.pl-1 {
		padding-left: 0 !important;
	}

	.pl-2 {
		padding-left: 0 !important;
	}
}

@media screen and (min-width: 993px) {
	.float-right-lg {
		float: right;
	}
}

.data_table #cloud a {
	background-color: inherit;
}

.border-1_table,
.border-1_table tr,
.border-1_table tr th,
.border-1_table tr td {
	border: 1px solid #000 !important;
}

.border-1_table th {
	text-align: center;
}

.mesoImgCell {
	margin-top: 2em;
	text-align: center;
}

.mesoImgCell>span {
	display: block;
	text-align: center;
}

.smse_table td:nth-child(1) {
	width: 20%;
}

.smse_table td:nth-child(2) {
	padding-left: 1em;
}

.facilitiesInfo>div:nth-child(1) {
	display: inline-block
}

.facilitiesInfo>div>div:nth-child(1) {
	float: right;
	width: 50%;
}

.facilitiesInfo>div>div:nth-child(2) {
	float: left;
	width: 50%;
}

@media screen and (max-width: 767px) {
	.facilitiesInfo>div>div {
		display: block;
		width: 100% !important;
	}

	.facilitiesInfo>div>div:not(:nth-child(1)) {
		margin-top: 1em;
	}
}

.table_row_margin {
	border-collapse: separate;
	border-spacing: 0 1em;
}

@media screen and (max-width: 767px) {
	.smse_table td {
		display: block;
		width: 100%;
	}

	.smse_table td:nth-child(2) {
		padding-left: 0;
	}

	.row2_table tr td {
		display: block;
		width: 100% !important;
	}

	.row2_table_center tr td {
		display: block;
		width: 100% !important;
		text-align: center;
	}

	/* 27-6-19 by Edmond */
	.row2_table_reverse tr td {
		display: table-cell;
		width: auto !important;
	}

	.self_row2_table>tr>td,
	.self_row2_table>tbody>tr>td {
		display: block;
		width: auto !important;
	}
}

.outreach_subTitle {
	text-align: right;
	float: right
}

.outreach_Title_List h2 {
	text-align: center;
}

.outreach_Title_List tr:nth-child(2)>td>p {
	text-align: right;
	float: right
}

.outreach_List h3 .group {
	text-align: right;
	float: right;
}

@media screen and (max-width: 767px) {
	.outreach_List .bull img {
		display: block;
		width: 100%;
	}
}

.outresearchDiv .hkoweb_title {}

.outresearchDiv .hkoweb_title p:nth-child(2) {
	text-align: right !important;
}

.outresearchDiv .hkoweb_inner div:nth-child(1) {
	text-align: right !important;
}

@media screen and (max-width: 993px) {
	.outresearchDiv .info-wrap-3 {
		width: 100%;
		text-align: center;
	}

	.outresearchDiv .info-wrap-3 p {
		text-align: center;
	}
}

.outresearchTable .hkoweb_title {
	background: #fff;
	color: #000;
}

@media screen and (max-width: 767px) {
	.outresearchTable .font_right {
		/*text-align:center !important;
        */
	}

	.outresearchTable table tr td {
		width: 100%;
		margin-bottom: 1em;
		display: block;
	}

	.outresearchTable table tr td img {}
}

.imgCenter img {
	text-align: center;
}

.linkTable>tbody>tr>td a {
	color: #bb370f !important;
}

.opendayList tr td span {
	color: unset !important;
	font-size: unset !important;
}

@media screen and (max-width: 767px) {
	.opendayList tr td {
		display: block;
		width: 100% !important;
		height: auto !important;
	}

	.opendayList tr td br {
		display: none;
	}

	.opendayList .event td:nth-child(1) {
		width: 5% !important;
		display: inline-block;
	}

	.opendayList .event td:nth-child(2) {
		display: inline-block;
		width: 95% !important;
	}
}

.foobList span {
	width: 25%;
	float: left;
	margin-bottom: 1em;
}

.en_foobList span {
	width: 25%;
	float: left;
	margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
	.en_foobList span {
		width: 50%;
	}
}

.outreachList {
	display: inline-block;
	width: 100%;
}

.outreachList>div {
	width: 25%;
	float: left;
	border: 1px #000 solid;
}

.outreachList>div div {
	text-align: center;
}

.outreachList>div .image {
	background-color: #fff !important;
}

.outreachList>div .image img {
	width: 135px;
	height: 80px;
}

.outreachList>div .title {
	border-top: 1px #000 solid;
	background-color: #f0f0f0 !important;
	padding: 10px 0;
}

.outreachList>div a {
	color: #bb370f;
}

.blueballBtn tr td:nth-child(1) img {
	min-width: 10px;
}

@media screen and (max-width: 767px) {
	.outreachList>div {
		width: 38%;
	}

	.selectfield {
		width: 100%;
	}

	.LinkButtonNextRow {
		display: block;
		margin-top: 1.5em;
	}
}

.outreach_info_List>div {
	float: left;
	width: 50%;
}

.outreach_info_List>div .title {
	background-color: #1a58ab;
	padding: 10px 0;
}

.outreach_info_List>div .title a {
	color: #fff !important;
}

.outreach_info_List>div .content {
	background-color: #f0f0f0;
	padding: 10px 0;
}

.outreach_info_List>div .content a {
	color: #bb370f !important;
}

.hidden {
	display: none;
	visibility: hidden;
}

.remove_content:after {
	content: none !important;
}

.carrer_list .icon-up-group:after,
.carrer_list .icon-up:after {
	content: none !important;
}

@media screen and (max-width: 767px) {
	.Nuclear_Fuel_list {
		width: 100%;
		height: auto !important;
		margin-bottom: 1em;
	}

	.Nuclear_Fuel_list tr td {
		display: block;
		width: 100% !important;
		height: auto !important;
	}

	.Nuclear_Fuel_list table>tbody>tr>td {
		display: inline-block;
		width: auto !important;
	}

	.Nuclear_Fuel_list table>tbody>tr>td:last-child {
		margin-bottom: 5px;
	}

	.Nuclear_Fuel_list table table>tbody>tr:first-child {
		margin-bottom: 5px;
	}

	.Nuclear_Fuel_list table>tbody>tr:first-child>td br {
		display: none;
	}
}

.full_width_table,
.full_width_table tr {
	width: 100% !important;
}

.images_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 767px) {
	.mobile-singleLine li {
		width: 100%;
		display: inline-block;
	}

	.carrer_list .row div {
		width: 100%;
	}

	.carrer_list .row div:not(:first-child) {
		margin-top: 1em;
	}

	.career_event div {
		display: block;
		width: 100%;
	}

	.mobile-width_100 {
		width: 100% !important;
	}

	.mobile-width_auto {
		width: auto !important;
	}
}

.border_blank .data_table_nobgchg .data_table tr td a {
	color: #0000FF !important;
	text-decoration: underline;
}

.mainContent a {
	/*color: #0000FF !important;*/
	text-decoration: underline;
}

.div_mb-1 div {
	margin-bottom: 1em;
}

.pubreprint_page_list td img {
	max-width: 100px;
}

.pubreprint_numberPageList {
	display: inline-flex;
	margin: 0 auto;
	width: 80%;
}

.pubreprint_numberPageList>div {
	display: inline-block;
}

.pubreprint_numberPageList>div {
	display: inline-block;
}

.pubreprint_numberPageList .title {
	width: 20%;
}

.pubreprint_numberPageList .page>span {
	width: 14%;
	float: left;
}

@media screen and (max-width: 767px) {
	.pubreprint_numberPageList {
		width: 100%;
	}

	.pubreprint_page_list td img {
		max-width: 100%;
	}

	.pubreprint_numberPageList .page>span {
		width: 33%;
		float: left;
	}
}


/***Patrick Hung 20190619 Update***/

.navbar-nav a {
	color: #fff !important;
}

.remove-margin {
	margin: 0 !important;
}

@media screen and (max-width: 767px) {
	.mobile-singleLine_row {
		width: 100% !important;
		display: inline-block;
	}

	.resource_div {}
}

.carousel-indicators .active {
	background: #fff !important;
}

blockquote {
	border: unset;
}

.image_table {
	width: 100%;
}

.image_table tr,
.image_table tr td p,
.image_table tr td {
	text-align: center;
}

.image_row td p {
	text-align: center;
}

.mainContent .remove_a_style,
.mainContent .remove_a_style span {
	color: #000000 !important;
	text-decoration: none !important;
}

.wxonwings_table {
	width: 100%;
	display: inline-block;
	border: 1px #000 solid;
}

.wxonwings_table>span {
	width: 50%;
	float: left;
}

.wxonwings_table>span:nth-child(1) {
	border-right: 1px #000 solid;
}

.wxonwings_table>span:nth-child(1) table {
	margin-bottom: 2em;
}

.wxonwings_table>span:nth-child(2) {
	margin-top: 7.5em;
}

@media screen and (max-width: 767px) {
	.wxonwings_table>span {
		width: 100%;
	}

	.wxonwings_table>span:nth-child(1) {
		border: 0;
		margin-bottom: 1em;
	}

	.wxonwings_table>span:nth-child(2) {
		border-top: 1px #000 solid;
		margin-top: 0;
	}

	.wxonwings_table>span:nth-child(2) img {
		border-top: 1px #000 solid;
		margin-top: 1em;
	}

	.row2_span span {
		width: 100% !important;
		display: block;
		float: left !important;
	}

	.td_width-50 td {
		width: 50%;
	}
}

@media screen and (max-width: 992px) {
	.mobile-100 {
		width: 100% !important;
	}
}

.bfain_table {
	display: inline-block;
}

.bfain_table span {
	width: 50%;
	float: left;
}

.bfain_table span {
	width: 50%;
	float: left;
}

.bfain_table div {
	width: 50%;
	float: left;
}

.under_line {
	text-decoration: underline !important;
}

.mobile_block {
	display: block !important;
}

.table_center tr th,
.table_center tr td {
	text-align: center !important;
}


/***Patrick Hung 20190619 Update***/


/***Edmond 20190702 Update***/

@media screen and (max-width: 767px) {
	.responsive_img .img_left {
		float: none !important;
	}

	.responsive_img img,
	p {
		text-align: unset;
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;
		float: none !important;
		/*width: 50%;*/
	}
}

.divTableCell .effect6 {
	max-width: 178px;
	width: 100%;
}

.forecaster_tools .forecaster_next,
.forecaster_tools .forecaster_prev {
	float: right;
}

.forecaster_tools .forecaster_prev {
	margin-right: 5px;
}

.forecaster_tools .forecaster_next {
	margin-right: 0;
}

.forecaster_tools {
	margin-bottom: 1em;
}

.instruments_row2 td {
	vertical-align: top;
	padding-right: 10px;
}

@media screen and (max-width: 993px) {
	.instruments_row2 tr td {
		display: block;
		width: 100%;
	}

	.instruments_row2 tr {
		margin-bottom: 1em;
	}
}

@media screen and (max-width: 767px) {
	.instruments_row2 tr td {
		display: block;
		width: 100%;
	}

	.instruments_row2 tr {
		margin-bottom: 1em;
	}

	.mobile_td_mt-1 tr td:nth-child(1) {
		padding-top: 1em;
	}
}

.table_cellpadding_5_remove>tbody>tr>th,
.table_cellpadding_5_remove>tbody>tr>td,
.table_cellpadding_5_remove>tr>th,
.table_cellpadding_5_remove>tr>td {
	padding: 0px !important;
}


/***Edmond 20190702 Update***/


/*Kenneth 20190702*/

table.bg img {
	max-width: 200px;
}

table.bg td {
	padding: 11px;
}

.englishVersion .bg.link_list {
	background-image: url(../en/cis/statistic/images/background.png);
	background-repeat: no-repeat;
	border: 0;
	border-collapse: collapse;
	text-align: center;
	margin: 0 auto;
	vertical-align: text-top;
}

.chineseVersion .bg.link_list {
	background-image: url(../tc/cis/statistic/images/background.png);
	background-repeat: no-repeat;
	border: 0;
	border-collapse: collapse;
	text-align: center;
	margin: 0 auto;
	vertical-align: text-top;
}


/*Kenneth 20190702*/


/*Kenneth 20190704*/

.col {
	float: left;
	width: 50%;
}

.row:after {
	content: "";
	display: table;
	clear: both;
}

@media screen and (max-width: 500px) {
	.col {
		width: 100%;
	}
}

.td_valign_top p {
	margin-left: 5%;
}


/*Kenneth 20190704*/


/*Alwin 20190702*/

.align_justify {
	text-align: justify !important;
}

.engText,
.chiText {
	text-indent: 30px;
	text-align: justify !important;
}

.double_font {
	font-size: 200%;
}

.small_font {
	font-size: 75%;
}

#table_co2 .th_style {
	background-color: #1a58ab !important;
	color: #fff !important;
	font-weight: bold;
}


/*Alwin 20190702*/


/*xxx 20190702*/


/*Sam 20190702*/

.hkoweb_bg_whatsnew {
	margin: auto;
	background-color: #126FC7;
}

.hkoweb_bg_whatsnew .hkoweb_title_text {
	font-size: 19px;
	color: white;
	padding: 15px;
	font-weight: bold;
	text-align: left;
}

.hkoweb_bg_whatsnew .hkoweb_title_date {
	font-size: 15px;
	color: white;
	padding-right: 10px;
	text-align: right;
}

.table_2 {
	margin-bottom: 10px;
}

.table_2 th {
	text-align: center;
}

.table_2 tr>th:first-child {
	width: 12%;
}

.table_2 tr>th:second-child {
	width: 12%;
}


/*
table.hkoweb_bg_whatsnew>tbody>tr:nth-child(1),
table.hkoweb_bg_whatsnew>tbody>tr:nth-child(2) {
    background-color: #126FC7;
}
table.hkoweb_bg_whatsnew>tbody>tr:nth-child(10)>td:nth-child(3){
	font-size: 30px;
}*/


/*Sam 20190702*/


/* Sam 2019705*/

.text_title {
	font-size: 20px;
	font-weight: bold;
}


/* Sam 2019705*/

.data_table_nobgchg {
	width: 100% !important;
}

.data_table_nobgchg th {
	background-color: #1a58ab !important;
	color: #fff !important;
	/*border : 0px !important;
    */
}

.data_table_nobgchg th a {
	color: #fff !important;
	text-decoration: underline !important;
	/*border : 0px !important;
    */
}

.data_table_nobgchg td a {
	color: #0000FF !important;
}

.data_table_nobgchg tr {
	border: 0px !important;
}

.data_table_nobgchg th,
.data_table_nobgchg td {
	/* border : 0px !important;
    */
	padding: 10px !important;
}

.link_list .data_table_nobgchg th a {
	color: #fff !important;
}


/*.link_div a{
     color: #bb370f;
}
*/

.data_table_nobgchg {
	width: 100% !important;
}

.data_table_nobgchg th {
	background-color: #1a58ab;
	color: #fff;
	/*border : 0px !important;
    */
}

.tit {
	padding-left: 10px;
	padding-top: 10px;
	color: white;
}

.wrapp {
	background: none !important;
	width: 100% !important;
}

.wrapp-in {
	padding: 0px !important;
}

.wcag_hidden {
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.page-control-style ul li {
	display: inline-block;
}

.hide_caption caption {
	display: none !important;
}

/*table>caption{
	display: none !important;
}*/

body.englishVersion .area_warning .awn_more>div {
	letter-spacing: 0;
}

body.englishVersion .mainpage0_2 .area_alert2 .header {
	letter-spacing: 0;
}

body.englishVersion .mainpage1>div>.header {
	letter-spacing: 0;
}

body.englishVersion .mainpage1 .area_highlights .header {
	letter-spacing: 0;
}

body.englishVersion .awm_select>div>div:nth-child(1) a>span {
	letter-spacing: 0;
}

body.englishVersion .awm_scene.scene_1>div>div:nth-child(4)>div>a {
	letter-spacing: 0;
}

body.englishVersion .awm_scene.scene_3>div>div:nth-child(4)>div>a {
	letter-spacing: 0;
}

body.englishVersion .awm_scene.scene_4>div>div:nth-child(3)>div>a {
	letter-spacing: 0;
}

body.englishVersion .awm_scene.scene_5>div>div:nth-child(4)>div>a {
	letter-spacing: 0;
}

body.englishVersion .awm_scene.scene_6>div>div:nth-child(3)>div>a {
	letter-spacing: 0;
}

body.englishVersion .awm_scene.scene_7>div>div:nth-child(3)>div>a {
	letter-spacing: 0;
}

body.englishVersion .e_promotion_banner .area_highlights_for_mobile .mobile_highlights_header {
	letter-spacing: 0 !important;
}

body.englishVersion .mainpage2>div>.header {
	letter-spacing: 0;
}

body.englishVersion .mainpage2_2 .header {
	letter-spacing: 0;
}

body.englishVersion .area_facebook .fb_scene>div:nth-child(1) {
	letter-spacing: 0;
}

body.englishVersion .area_video .avo_scene>div:nth-child(1)>div:nth-child(1) {
	letter-spacing: 0;
}

body.englishVersion .mainpage4>div>.header {
	letter-spacing: 0;
}

body.englishVersion .area_immediate .title {
	letter-spacing: 0;
}

body.englishVersion .area_posts .header {
	letter-spacing: 0;
	font-size: 1.6em;
}

body.englishVersion .area_posts>div .title a {
	font-size: 1em;
}

body.englishVersion .area_climate .acm_hk_scene .header {
	letter-spacing: 0;
}

body.englishVersion .acm_hk_scene .border>div:nth-child(3)>div:nth-child(2)>div {
	font-size: 0.7em;
}

body.englishVersion .area_climate .acm_hl_scene .header {
	letter-spacing: 0;
}

body.englishVersion .acm_hl_scene .acm_dmy>div>div:nth-child(1) {
	font-size: 1.2em;
}

body.englishVersion .area_posts .apt_news,
body.englishVersion .area_posts .apt_lights,
body.englishVersion .area_posts .apt_blog {
	width: 33%;
}

body.englishVersion .area_video {
	margin: auto;
	width: auto;
	max-width: 650px;
}

body.englishVersion .avo_select>div>div.video_title>a {
	font-size: 1.2em;
}

body.englishVersion .show_area_alert2 .area_slogan {
	letter-spacing: 0;
}

body.englishVersion .extendOutlook_container .annotInfo>div>a {
	letter-spacing: 0;
}

.ul_tab>ul>li>a {
	background-color: rgb(197, 231, 230) !important;
	color: rgb(7, 62, 127) !important;
	padding: 10px 40px;
}

.ul_tab>ul>li {
	color: rgb(75, 75, 75);
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: transparent;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: transparent;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(223, 228, 232);
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: transparent;
	background-image: linear-gradient(rgb(206, 235, 230), rgb(195, 229, 228), rgb(187, 229, 228));
	margin-right: 2px;
	font-size: 1.2em;
	border-image: initial;
	border-radius: 0px;
}

.ul_tab>ul>li:hover {
	background-color: #fff !important;
	color: #000000 !important;
	border-left: 1px solid #dfe4e8;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: rgb(223, 228, 232);
	border-right: 1px solid #dfe4e8;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: rgb(223, 228, 232);
	border-bottom: 1px solid transparent;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: transparent;
	border-top: 2px solid #50b99b;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: rgb(80, 185, 155);
	background-image: none;
}


.ul_tab>ul>li>a:hover {
	background-color: #fff !important;
	color: #000000 !important;
}

.mobileDisplay {
	display: none;
	visibility: hidden;
}

@media screen and (max-width: 767px) {
	.desktopDisplay {
		display: none !important;
		visibility: hidden !important;
	}

	.mobileDisplay {
		display: block !important;
		visibility: visible !important;
	}
}

.whatsNew_tools,
.news_tools,
.blog_tools {
	text-align: right;
	width: 100%;
	margin-bottom: 1em;
}

.lastest_blog_span {
	margin-right: 1em;
}

.blog_next {
	float: right;
}

@media screen and (max-width: 767px) {
	.btn_submit {
		min-height: 32px;
		height: auto !important;
	}

	.blog_next #btn_next {
		margin-bottom: 1em !important;
	}
}

@media screen and (max-width: 880px) {
	.forecaster_tools {
		text-align: right;
	}

	.blog_container .forecaster_tools {
		text-align: left;
	}

	.forecaster_menu,
	.forecaster_prev {
		margin-right: 5px;
	}

	body .forecaster_tools .forecaster_next {
		margin-right: 0;
	}

	.blog_next #btn_next {
		margin-bottom: 1em !important;
	}
}




.mainContent h2.radars_custom_h2 {
	font-size: 2em;
	color: #ffff00;
	background-image: url(../en/wxinfo/radars/radar_gallery/images/bannar.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	max-width: 390px;
	height: 66px;
	text-align: center;
	margin: auto;
	padding: 16px 0;
	font-weight: normal;
	margin-bottom: 10px;
}

th#cloud a {
	color: #0000ff !important;
}

.data_table th#cloud a {
	color: #fff !important;
}

.siteList img {
	display: none;
	visibility: hidden;
}

.siteList a {
	text-decoration: none;
}

.top_banner.climate_change_banner {
	display: block !important;
	height: auto !important;
	background-color: #fff !important;
}

.area_current #help_content {
	display: none;
	top: 100%;
	background-color: #252525;
	color: #fff;
}

.area_current .active>#help_content {
	display: block;
}

.area_current .detail>div:nth-child(1)>div:nth-child(3) #help_content img {
	vertical-align: middle;
}

/*======*/
.notetip .tooltiptext {
	visibility: hidden;
	position: absolute;
	display: inline-block;
	right: 0px;
	width: 250px;
	border: 2px solid #FFF;
	padding: 3px;
	z-index: 999;
	background: #EEE;
	color: black !important;
	text-shadow: none !important;
	text-align: left;
	bottom: 100%;
	/*
    font-size: 14px;
    line-height: 22px;*/

	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

.notetip.active .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.notetip>a {
	margin: 20px 0;
	font-size: 1em;
	padding-bottom: 5px;
	display: block;
	position: relative;
}

#selLoc {
	float: left;
	text-align: left;
}

.englishVersion #selLoc {
	/*float: none;*/
}

#selLocRight {
	float: right;
	text-align: right;
	position: relative;
}

#fnd_general {
	padding-top: 5px;
}

.header>p {
	font-size: 1.4em;
	color: #1b5397;
}

#GeneralSituation_header>p {
	/*font-size: 1.4em;*/
	color: #1b5397;
}

#forecastPeriod>p {
	/*font-size: 1.4em;*/
	color: #1b5397;
}

.mainpage2 h2 {
	font-size: 1.4em;
	color: #1b5397;
	font-weight: normal;
	margin-bottom: 0.6em;
}

#GeneralSituation_content,
#forecastDesc {
	margin-bottom: 1em;
}

.area_weather_map select {
	/*background-color: #187fde;*/
	background-color: #1776CF;
	color: #fff;
	border: 1px solid #3c5670;
	border-radius: 4px;
	padding-left: 13px;
	padding-right: 5px;
}

#qr_main {
	position: absolute;
	background: #FFF;
	padding: 15px;
	/*z-index: 9999;*/
	display: none;
	border: 1px solid #aaaaaa;
	/*top: 70px;*/
	right: 0;
}

.setting_button {
	background: #FAFAFA;
	background: -webkit-linear-gradient(top, #FFF, #EEE);
	background: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background: -o-linear-gradient(top, #ffffff, #eeeeee);
	background: linear-gradient(to bottom, #FFF, #EEE);
	border: 1px solid #BBB;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2);
	color: #555;
	cursor: pointer;
	display: inline-block;
	font-family: "Helvetica Neue", Arial, Verdana, "Nimbus Sans L", sans-serif;
	font-size: 14px;
	font-weight: 500;
	height: 31px;
	line-height: 28px;
	outline: none;
	padding: 0 13px;
	text-shadow: 0 1px 0 #FFF;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
	-webkit-font-smoothing: antialiased;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 4px;
}

.setting_button-blue {
	background: #1385E5;
	background: -webkit-linear-gradient(top, #53B2FC, #1385E5);
	background: -moz-linear-gradient(top, #53b2fc, #1385e5);
	background: -o-linear-gradient(top, #53b2fc, #1385e5);
	background: linear-gradient(to bottom, #53B2FC, #1385E5);
	border-color: #075FA9;
	color: #FFF;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}

.setting_button:hover,
.setting_button:focus,
.setting_button-blue:hover,
.setting_button-blue:focus {
	text-decoration: underline;
}

.setting_button-blue:hover {
	color: white;
}

/*============*/
.resultArea form {
	padding: 5px 0;
}

.resultArea form>input {
	max-width: calc(100% - 67px);
}

.resultArea .resultStatTableInfo {
	padding: 5px 0;
}

.resultArea a {
	color: #1a0dab;
}

.resultArea .list_page>ul {
	margin: 0;
	text-align: left;
}

.resultArea span.h_page,
.resultArea span.f_page {
	display: inline-block;
}

.resultArea .h_page a,
.resultArea .f_page a {
	display: block;
	padding: 5px;
	text-decoration: none;
}

.resultArea a:link,
.resultArea a:active,
.resultArea a:visited {
	text-decoration: none;
}

.resultArea a:hover,
.resultArea a:focus {
	text-decoration: underline;
}

.resultArea ol {
	padding-left: 18px;
}

.resultArea ol>li {
	margin: 2em .6em;
}

.resultArea .title {
	font-size: 1.2em;
	font-weight: bold;
}

.resultArea .deptSearchBarSearch {
	margin: 0 10px;
}

.area_immediate.aid_1 .title a {
	color: inherit;
}

.ts_table {
	width: 100%;
	max-width: 700px !important;
	background-color: #FFFFE0;
	border: 2px #000 solid;
	margin: 0 auto;
}

.remove_margin {
	margin: unset !important;
}

.caption2 {
	font-weight: bold !important;
}

.tideFontSize {
	font-size: 15px;
}

.siteMap_menu li {
	list-style-type: none;
	margin-left: -12px;
}




.siteMap_menu>li>a {
	color: #3988e7 !important;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
}

#sitemap .siteMap_submenu {
	min-width: 0;
	margin: 10px;
	border-left: solid 2px #eba53c;
	padding: 5px 0;
	width: 40%;

	min-width: 415px;
	box-shadow: 10px 6px 11px -5px #d2d2d2;
	padding-left: 1.9em !important;
	margin-bottom: 1.5em !important;

}

.siteMap_submenu li {
	list-style-type: none;
}

.siteMap_submenu>li>a {
	color: #4c4c4c !important;
	text-decoration: none;
}

.tab_select>div a {
	text-decoration: none !important;
}




.treenode>a {
	color: #848ad1 !important;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
	position: relative;
}

.treenode>a>span {
	background-color: #ffffff;
	position: relative;
	padding-right: 5px;
	z-index: 2;
}

.treenode>a:before {
	content: '';
	background-size: 15px;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -10px;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid #848ad1;
}

.treenode>a:after {
	content: '';
	background-color: #848ad1;
	position: absolute;
	left: 10px;
	right: 0;
	height: 2px;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
}

@media (max-width:676px) {
	.wx_infobox_title {
		font-size: 14px !important;
	}

	.wx_infobox a>table tr:nth-child(2)>td {
		/*padding-top: 1px !important;
					 padding-bottom: 1px !important;*/

		padding: 0 !important;
	}

	.wx_infobox_title.wx_infobox_no_border {
		margin: 0 !important;
		padding: 0 !important;
		margin-left: 0px !important;
		margin-top: 0px !important;
	}
}

.wx_infobox #chicken_close {
	padding-right: 26px;
	margin-top: 11px;
}

.wx_infobox_title.wx_infobox_no_border {
	margin-left: 12px;
	margin-top: 9px;
}

.wx_infobox a>table tr:nth-child(2)>td {
	padding-top: 10px;
	padding-bottom: 5px;
}

.olPopup .olFramedCloudPopupContent {
	padding: 1px !important;
}


#leftMenuLv0>li>.ts_wraaper_active::after {
	content: "";
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 12px solid #fff;
	float: right;
	margin-top: 10px;
}



#leftMenuLv0>li>.active {
	z-index: 1000;
	position: relative;
	height: auto;
	width: auto;
	opacity: 1;
	filter: alpha(opacity=100);
	visibility: visible;

}



#leftMenuLv0>li>.ts_wrapper::after {


	content: "";
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 12px solid #fff;
	float: right;
	margin-top: 10px;

}

[v-cloak] {
	display: none;
}

/*==============*/
.breadcrumbHeight {
	height: 54px;
	position: relative;
	margin-right: 35px;


	/*Hamlet 20191111*/
	max-width: 1280px;
	margin: auto;
	padding: 0 40px;
	/*Hamlet 20191111*/
}

.breadcrumbHeight>div {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

#mainContent .border_blank select {
	min-height: 25px;
	padding: 2.5px 0;
}


.data_table_caption {
	text-align: center;
}


.toolbar {
	/*Hamlet 20191111*/
	position: relative;
	width: 100%;
	max-width: 1280px;
	padding: 0 40px;
	margin: auto;
	/*Hamlet 20191111*/
}

#page_btn {
	display: block;
}

#page_dropdown {
	display: none;
}

@media (max-width: 768px) {

	#page_btn,
	.pubreprint_page_list {
		display: none;
	}

	#page_dropdown {
		display: table-row;
	}
}



.awm_scene .ani_control_map>div {
	position: relative;
}

.awm_scene .ani_control_map .ani_wea_map {
	width: 100%;
}

.awm_scene .ani_control_map .control {
	width: calc(100% - 130px);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.awm_scene .ani_control_map .control>a {
	display: inline-block;
	padding: 6px 22px;
	border-radius: 14px;
	background-color: #1b5397;
	color: #fff;
	/* font-weight: bold;
     letter-spacing: .16em;
     font-size:1.2em;
    */
}

.awm_scene .ani_control_map .control .area_cs {
	width: 100%;
	margin: auto;
}

.awm_scene .ani_control_map .control .control_btn {
	display: inline-block;
	width: 40px;
}

.awm_scene .ani_control_map .control .control_btn a {
	display: block;
	width: 22px;
	height: 22px;
	background-image: url(../images/icon_animap_play.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #1b5397;
	margin-top: -5px;
}

.awm_scene .ani_control_map .control .control_btn.active a {
	background-image: url(../images/icon_animap_pause.png);
}

.awm_scene .ani_control_map .control .control_slider {
	display: inline-block;
	width: calc(100% - 60px);
}


body .flex-control-paging li a {
	text-indent: 0 !important;
	color: rgba(0, 0, 0, 0) !important;
	outline-offset: 0 !important;
}

.topbar_warning img {
	width: 21px;
}

.lr_area .lra_style1 {
	padding-bottom: 20px;
}

.lr_area .hc_style1 {
	margin-top: -25px;
}


/*
*Tropical Cyclone
*/
body .tc_tbl {
	border-collapse: unset;
}

body .tc_tbl.tc_tbl_313 tr th:nth-child(1),
body .tc_tbl.tc_tbl_313 tr td:nth-child(1),
body .tc_tbl.tc_tbl_313 tr th:nth-child(1) *,
body .tc_tbl.tc_tbl_313 tr td:nth-child(1) * {
	text-align: left !important;

}


body .tc_tbl.tc_tbl_313 tr:nth-child(2) th,
body .tc_tbl.tc_tbl_313 tr:nth-child(2) td {
	background-color: #fff !important;
	color: #000000 !important;
	font-weight: 400;
}

body .tc_tbl.tc_tbl_46 tr:nth-child(n+4) th {
	background-color: #fff !important;
	color: #000000 !important;
}


body .tc_tbl.tc_tbl_14 tr:nth-child(2) td {
	background-color: unset !important;
	color: #000000;
	font-weight: 400;
}




body .tc_tbl.tc_tbl_12 tr:nth-child(n+3) th:nth-child(1),
body .tc_tbl.tc_tbl_12 tr:nth-child(n+3) td:nth-child(1),
body .tc_tbl.tc_tbl_12 tr:nth-child(n+3) th:nth-child(1) *,
body .tc_tbl.tc_tbl_12 tr:nth-child(n+3) td:nth-child(1) * {
	text-align: left !important;
}

body .tc_tbl.tc_tbl_11 tr:not(:nth-child(2)) th:nth-child(1),
body .tc_tbl.tc_tbl_11 tr:not(:nth-child(2)) td:nth-child(1),
body .tc_tbl.tc_tbl_11 tr:not(:nth-child(2)) th:nth-child(1) *,
body .tc_tbl.tc_tbl_11 tr:not(:nth-child(2)) td:nth-child(1) * {
	text-align: left !important;
}

body .tc_tbl.row3Title tr:nth-child(3) th,
body .tc_tbl.row3Title tr:nth-child(3) td {
	background-color: #1a58ab !important;
	color: #fff !important;
	font-weight: bold;
}

body .tc_tbl tr th,
body .tc_tbl tr td,
body .tc_tbl div,
body .tc_tbl span,
body .tc_tbl p {
	text-align: center !important;
	text-indent: 0px;
	width: auto !important;
	font-size: unset !important;
}


body .tc_tbl th.txt_left,
body .tc_tbl td.txt_left,
body .tc_tbl div.txt_left,
body .tc_tbl span.txt_left body .tc_tbl p.txt_left {
	text-align: left !important;
}

body .tc_tbl th.txt_right,
body .tc_tbl td.txt_right,
body .tc_tbl div.txt_right,
body .tc_tbl span.txt_right body .tc_tbl p.txt_right {
	text-align: right !important;
}


body .tc_tbl tr.txt_left th,
body .tc_tbl tr.txt_left td,
body .tc_tbl tr.txt_left div,
body .tc_tbl tr.txt_left span {
	text-align: left !important;
}

body .tc_tbl tr:nth-child(1) td,
body .tc_tbl tr:nth-child(2) td {
	background-color: #1a58ab !important;
	color: #fff;
	font-weight: bold;
}



.tc_tbl tr td[colspan="10"] {
	display: none;
}

.tc_title_tbl td p {
	margin-left: 0;
}


/*title*/
body .tc_title_tbl .engTitle,
body .tc_title_tbl .chiTitle,
body .tc_title_tbl>tbody>tr>td>p,
body .tc_title_tbl>tbody>tr>td>span {
	letter-spacing: 0px;
	line-height: 22px;
	text-align: left !important;
	font-weight: bold;
	font-size: 105%;
	color: #000;
}

body .tc_title_tbl>tbody>tr,
body .tc_title_tbl>tbody>tr>td {
	border: 0 !important;
}

body .tc_title_tbl th {
	padding-bottom: 1em;
}

.tc_title {
	font-weight: bold;
	font-size: 105%;
}

.tc_title.left {
	text-align: left;
}


body .publica .leftMenuCont img:first-child {
	width: 100% !important;
	height: 100% !important;
}

#ui-datepicker-div {
	z-index: 9999 !important;
}

.subFooterMenu .my_menu2 {
	width: 25% !important;
}

.subFooterMenu .my_menu2 ul:after {
	content: "";
	display: table;
	clear: both;
}

.subFooterMenu .my_menu3 {
	width: 25% !important;
}



.subFooterMenu .my_menu2 li img {
max-width: 148px;
	width: 100%;
	height: 50px;
}	,
.subFooterMenu .my_menu3 li img {
	max-width: 148px;
	width: 100%;
	height: 50px;
}

@media screen and (max-width: 979px) {

	.mainpage0 .header,
	.mainpage0_2 .header,
	.mainpage1 .header,
	.mainpage2 .header,
	.mainpage2_2 .header,
	.mainpage3 .header,
	.mainpage4 .header,
	.mainpage5 .header,
	.mainpage6 .header,
	.mainpage7 .header,
	.mainpage8 .header {
		margin-top: 10px;
	}

	.mainpage3 .header {
		font-size: 1.4em;
	}

	.subFooterMenu .my_menu2,
	.subFooterMenu .my_menu3 {
		width: 25% !important;
	}

	.subFooterMenu .my_menu2 li:nth-child(1),
	.subFooterMenu .my_menu2 li:nth-child(3) {
		float: none;
		width: 100%;
		padding-right: 16px;
	}

	.subFooterMenu .my_menu2 li:nth-child(2),
	.subFooterMenu .my_menu2 li:nth-child(4) {
		float: none;
		width: 100%;
	}

	body .headerTool .mobileTool {
		max-width: 245px;
	}

	/* Forecaster blog mobile view image ratio fix */
	#mainContent .forecaster_blog img {
		height: auto;
	}
}

@media screen and (max-width: 767px) {

	.subFooterMenu .my_menu2,
	.subFooterMenu .my_menu3 {
		width: 100% !important;
	}

	.subFooterMenu .my_menu2 li {
		width: auto;
	}
}

.flw_hidden {
	display: none !important;
}

/******HKO ChatBot******/
#hkochatbot {
	position: fixed;
	bottom: 40px;
	right: 54px;
	z-index: 99998;
	box-shadow: 4px 4px 6px #5e5e5e;
	border-radius: 6px;
	border: 0px;

	width: 380px;
	height: 580px;
}

#hkochatbot_btn_container {
	position: fixed;
	right: 120px;
	bottom: 40px;
	width: 75px;
	z-index: 99990;

	animation: slidenbounce 1.2s;
	animation-direction: normal;
	animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
	animation-iteration-count: 1;

	-webkit-animation-name: slidenbounce;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
	-webkit-animation-iteration-count: 1;
}

.chatbot_en {
	right: 100px !important;
	width: 95px !important;
}

.chatbot_en .tooltiptext {
	padding: 6px 5px 6px 4px !important;
	margin-left: -86px !important;
	margin-right: -5px !important;
}

.btn_pic1 {
	width: 60px;
	height: 60px;
	border: none;
	border-radius: 100%;
	background-image: url(/images/DrTinPost3_RIght60x60.png);
	background-size: contain;
	background-color: #FFFFFF;
	display: block;
	margin-left: 1px;
	box-shadow: 0px 3px 10px #0000004D, 0px -3px 10px #0000004D;
}

.btn_pic2 {
	width: 20px;
	height: 20px;
	border: none;
	border-radius: 100%;
	background-image: url(/images/btn_close_chatbot.png);
	background-color: #000000;
	display: block;
	margin-top: -8px;
	margin-left: 59px;
	box-shadow: 0px 3px 10px #0000004D, 0px -3px 10px #0000004D;
}

.btn_pic3 {
	width: 48px;
	height: 48px;
	border: none;
	border-radius: 100%;
	background-image: url(/images/DrTinPost1_Top48x48.png);
	background-size: contain;
	background-color: #FFFFFF;
	float: right;
	margin-left: 12px;
	box-shadow: 0px 3px 10px #0000004D, 0px -3px 10px #0000004D;

	animation: bounce1 0.3s;
	animation-direction: normal;
	animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
	animation-iteration-count: 1;

	-webkit-animation-name: bounce1;
	-webkit-animation-duration: 0.3s;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
	-webkit-animation-iteration-count: 1;
}

.btn_pic4 {
	width: 60px;
	height: 60px;
	border: none;
	border-radius: 100%;
	background-image: url(/images/DrTinSleep_Right60x60.png);
	background-size: contain;
	background-color: #FFFFFF;
	display: block;
	margin-left: 1px;
	box-shadow: 0px 3px 10px #0000004D, 0px -3px 10px #0000004D;
}

.btn_pic5 {
	width: 48px;
	height: 48px;
	border: none;
	border-radius: 100%;
	background-image: url(/images/DrTinSleep_Top48X48.png);
	background-size: contain;
	background-color: #FFFFFF;
	float: right;
	margin-left: 12px;
	box-shadow: 0px 3px 10px #0000004D, 0px -3px 10px #0000004D;

	animation: bounce1 0.3s;
	animation-direction: normal;
	animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
	animation-iteration-count: 1;

	-webkit-animation-name: bounce1;
	-webkit-animation-duration: 0.3s;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
	-webkit-animation-iteration-count: 1;
}

#hkochatbot_btn_container .tooltiptext {
	visibility: hidden;
	background-color: #FFFFFF;
	color: #000000;
	text-align: center;
	border-radius: 2px;
	padding: 4px 3px 8px 7px;
	position: absolute;
	z-index: 1;
	bottom: 118%;
	left: 50%;
	box-shadow: 0px 3px 6px #00000029, 0px -3px 6px #00000029;

	font-size: 1em;
	font-weight: bold;
	margin-left: -60px;
	margin-right: -10px;
}

#hkochatbot_btn_container .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -8px;
	border-width: 8px;
	border-style: solid;
	border-color: #ffffff transparent transparent transparent;
}

#hkochatbot_bar .tooltiptext1 {
	visibility: hidden;
	width: 320px;
	background-color: #FFFFFF;
	color: #000000;
	text-align: center;
	border-radius: 2px;
	position: absolute;
	z-index: 1;
	right: 110%;
	box-shadow: 0px 3px 6px #00000029, 0px -3px 6px #00000029;

	font-size: 1em;
	font-weight: bold;
	padding: 4px 0;
	top: -3px;
}

.statusbar0 .tooltiptext1 {
	visibility: visible !important;
	width: 390px !important;
}

.statusbar0 div.sayhello {
	width: 23em !important;
}

.statusbar1 .tooltiptext1,
.statusbar2 .tooltiptext1 {
	visibility: visible !important;
	width: 275px !important;
}

.statusbar1 div.sayhello,
.statusbar2 div.sayhello {
	width: 16em !important;
}

#hkochatbot_bar .tooltiptext1::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -6px;
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent transparent #FFFFFF;
}

.chatbot_bar_en1 .tooltiptext1 {
	width: 655px !important;
}

.chatbot_bar_en2 .tooltiptext1 {
	width: 350px !important;
}

.chatbot_bar_en3 .tooltiptext1 {
	width: 485px !important;
}

.chatbot_bar_en1 div.sayhello {
	font-size: 1em;
	width: 39em;
	overflow: hidden;
	white-space: nowrap;
	animation: typing 6.5s;
	margin-left: 14px;
}

.chatbot_bar_en2 div.sayhello {
	font-size: 1em;
	width: 20em;
	overflow: hidden;
	white-space: nowrap;
	animation: typing 6.5s;
	margin-left: 14px;
}

.chatbot_bar_en3 div.sayhello {
	font-size: 1em;
	width: 29em;
	overflow: hidden;
	white-space: nowrap;
	animation: typing 6.5s;
	margin-left: 14px;
}

.btn_close_chatbot {
	position: fixed;
	bottom: 578px;
	width: 32px;
	height: 32px;
	z-index: 99998;
	right: 74px;
	border: 1px solid #fff;
	border-radius: 100%;
	background-image: url(/images/btn_top.png);
	background-repeat: no-repeat;
	background-position: 4px 7px;
	transform: rotate(180deg);
	display: none;
}

#hkochatbot_bar {
	position: absolute;
	z-index: 99990;
	right: 43px;

	top: 40px;
}

@keyframes bounce1 {
	from {
		transform: translate3d(0, -10px, 0);
		opacity: 0;
	}

	to {
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

@-webkit-keyframes bounce1 {
	from {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0);
		opacity: 0;
	}

	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.tooltiptext1 {
	float: right;
	margin-top: 12px;
}

@media screen and (max-width: 979px) {
	#hkochatbot {
		bottom: 0px;
		right: 0px;
		width: 100%;
		height: 100%;
	}

	#hkochatbot_btn_container {
		bottom: 25px;
		right: 25px;
	}

	.btn_close_chatbot {
		top: 10px;
		right: 20px;
	}

	.chatbot_en {
		right: 8px !important;
	}
}

@keyframes typing {
	from {
		width: 0;
	}
}

.chi1 .tooltiptext1 {
	width: 405px !important;
}

.chi2 .tooltiptext1 {
	width: 264px !important;
}

.chi3 .tooltiptext1 {
	width: 278px !important;
}

.chi1 div.sayhello {
	font-size: 1em;
	width: 25em;
	overflow: hidden;
	white-space: nowrap;
	animation: typing 6.5s;
	margin-left: 14px;
}

.chi2 div.sayhello {
	font-size: 1em;
	width: 16em;
	overflow: hidden;
	white-space: nowrap;
	animation: typing 6.5s;
	margin-left: 14px;
}

.chi3 div.sayhello {
	font-size: 1em;
	width: 17em;
	overflow: hidden;
	white-space: nowrap;
	animation: typing 6.5s;
	margin-left: 14px;
}

div.sayhello {
	font-size: 1em;
	width: 23em;
	overflow: hidden;
	white-space: nowrap;
	animation: typing 6.5s;
	margin-left: 14px;
}

@keyframes slidenbounce {
	0% {
		transform: translate3d(200px, 0, 0);
	}

	60% {
		transform: translate3d(0, 0, 0);
	}

	70% {
		transform: translate3d(0, -12px, 0);
		/*-6*/
	}

	80% {
		transform: translate3d(0, 0, 0);
	}

	90% {
		transform: translate3d(0, -6px, 0);
		/*-3*/
	}

	100% {
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes slidenbounce {
	0% {
		-webkit-transform: translate3d(200px, 0, 0);
		transform: translate3d(200px, 0, 0);
	}

	60% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	70% {
		-webkit-transform: translate3d(0, -12px, 0);
		transform: translate3d(0, -12px, 0);
	}

	80% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	90% {
		-webkit-transform: translate3d(0, -6px, 0);
		transform: translate3d(0, -6px, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.status0 {
	visibility: visible !important;
	margin-left: -77px !important;
	margin-right: -25px !important;
}

.status1 {
	visibility: visible !important;
	margin-left: -77px !important;
	margin-right: -25px !important;
}

.status2 {
	visibility: visible !important;
	margin-left: -77px !important;
	margin-right: -25px !important;
}

/******HKO ChatBot******/

a#skiptocontent,
a#skiptocontent:active {
	position: fixed;
	z-index: -1000;
	top: 10px;
	left: -5000px;
}

a#skiptocontent:focus {
	z-index: 10000;
	display: block;
	text-align: center;
	padding: 12px 24px;
	color: #fff;
	/*background-color: #ffc000;*/
	background-color: #1a58ab;
	font-size: 1.4em;
	border-radius: 5px;
	overflow: auto;
	left: 10px;
}

/******Personalized website menu******/
#mydimwx {
	border: 2px solid #000;
	width: 264px;
	height: 48px;
	position: absolute;
	top: 72px;
	right: 249px;
	border-radius: 10px;
	display: block;
	padding: 3px 5px;
}

.mydimwx_text {
	float: left;
	height: 38px;
	line-height: 38px !important;
	margin-left: 6px !important;
}

.mydimwx_icon {
	float: right;
}

.mydimwx_icon img {
	width: 28px;
	padding-top: 6px !important;
	margin-right: 1px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

#mydimwx_menu {
	position: absolute;
	width: 264px;
	background-color: #fff;
	right: 249px;
	top: 124px;
	z-index: 9999;
	border-radius: 8px;
	display: none;
	padding-top: 18px;
	padding-bottom: 18px;
}

#mydimwx_menu li {
	display: block;
	text-align: left;
	width: 264px;
	padding: 3px 5px 10px 22px;
}

#mydimwx_menu li a {
	color: #292929;
}

#mydimwx_menu li a:hover,
#mydimwx_menu li a:focus {
	color: #000000;
}

@media screen and (max-width: 1170px) {
	#mydimwx {
		top: 80px;
	}

	#mydimwx_menu {
		top: 132px;
	}
}

@media screen and (max-width: 979px) {
	#mydimwx {
		display: none;
	}

	#mydimwx_menu {
		display: none !important;
	}
}

.mydimwxFadeInAndOut {
	-webkit-animation: fadeinout 6s linear forwards;
	animation: fadeinout 6s linear forwards;
}

@-webkit-keyframes fadeinout {

	0%,
	100% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}
}

@keyframes fadeinout {

	0%,
	100% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}
}

/******Personalized website menu******/

@media only screen and (max-width: 1170px) and (min-width: 980px) {
	.highlight-banner {
		bottom: 95px;
		left: -225px;
	}

	.highlight-banner .highlight-banner-wrapper .wrapper-banner {
		width: 225px;
		min-height: 235px;
	}
	.highlight-banner .highlight-banner-wrapper .wrapper-btn {
		width: 30px;
		height: 235px;
	}
}
@media only screen and (max-width: 979px) and (min-width: 650px) {

	/* tablet */
	.isd-promotion {
		margin: 0 auto !important;
		border-radius: 10px;
		overflow: hidden !important;
		text-align: center;
	}

	body .flexslider .slides .isd-promotion #banner {
		width: 75% !important;
		margin: 0 auto !important;
	}


	#e_promotion_banner_swiper_tablet {
		display: block;
	}

	#e_promotion_banner_swiper_mobile {
		display: none;
	}

	#e_promotion_banner_swiper_tablet .swiper-slide {
		display: flex;
	}

	#e_promotion_banner_swiper_tablet .swiper-slide>div {
		/* max-width: 50% ;
			display: inline-block; */
		/* flex: 1 1 0px; */
		flex: 1 1 0;
		width: 0;
	}

	/* for default_isd_banner */
	.isd-promotion .default_isd_banner {
		width: 75%;
		border-radius: 10px;
	}
}

@media only screen and (max-width: 650px) {
	.isd-promotion {
		/* width: 75% !important; */
		margin: 0 auto !important;
		border-radius: 10px;
		overflow: hidden !important;
		text-align: center;

	}

	#e_promotion_banner_swiper_tablet {
		display: none;
	}

	#e_promotion_banner_swiper_mobile {
		display: block;
	}

	/* for default_isd_banner */
	.isd-promotion .default_isd_banner {
		width: 100%;
		border-radius: 10px;
	}

}

.isd-promotion {
	display: block !important;
	text-align: center;
}
#highlight-banner .isd-promotion {
	overflow: hidden !important;
}

.display_none {
	display: none !important
}

@media screen and (min-width: 980px) {
	.breadcrumbHeight .listStyleInline li:last-child {
		/* to prevent overlap with bookmarkicon */
		padding-right: 75px;
	}
}